title: jquery on click event not working on list items within unordered list
body: <p>I have the following list withing an unordered list with id #sortable1, what I want to achieve is whenever a li element is clicked withing &lt; ul id="sortable2"> an onclick event should happen and alert the id from the li element that was clicked. I have one element also within the unordered list that should not be clickable with the class="emptyMessage"</p>
  
  <p>I got stuck and dont know how to proceed</p>
  
  <p>So far I have</p>
  
  <pre><code>&lt;ul id="sortable1" class="connectedSortable ui-sortable"&gt;
  &lt;li class="ui-state-default" id="1"&gt;Name1&lt;/li&gt;
  &lt;li class="ui-state-default" id="2"&gt;Name2&lt;/li&gt;
  &lt;li class="ui-state-default" id="3"&gt;Name3&lt;/li&gt;
  &lt;li class="ui-state-default" id="4"&gt;Name4&lt;/li&gt;
  &lt;li class="ui-state-default" id="5"&gt;Name5&lt;/li&gt;
  &lt;li style="display: list-item;" class="emptyMessage"&gt;No more contacts available&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>My JQUERY code</p>
  
  <pre><code>$("#sortable1 li").click(function() {
            alert('Clicked list.'+$(this).value);
           });
  </code></pre>