[解決済み] jQueryを使ってli要素を「クリック」する

質問

を持っています。 <ul> を動的に生成する要素です。 <li> 要素を実行し、単に onclick イベント

<ul id="results">
    <li class="device_result searchterm" data-url="apple-iphone-5s">
        <a href="#"> Apple iPhone 5s </a>
    </li>
    <li class="device_result searchterm" data-url="apple-iphone-5c">
        <a href="#"> Apple iPhone 5s </a>
    </li>
</ul>

以下のようなjQueryを $(document).ready しかし、それは動作しないように見える - 私は間違ってやっている何か見当がつきますか？

$("li .searchterm").click(function() {  
    console.log("testing");
});

解決方法は？

を追加した場合、リスト上でクリックしても項目が選択されません。

$("#results").on("click", ".searchterm", function(event){
    console.log('clicked');
});

ヴァイオリンを弾いてみてください。 http://jsfiddle.net/emPKS/