jquery on click event not working on list items within unordered list
<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>
