title: jQuery $(this).val returns 0
body: <p>I have a simple list like this:</p>
  
  <pre><code>&lt;ul id="large_box_custom_list"&gt;
  &lt;li id="8" class="large_box"&gt;Item 1&lt;/li&gt;
  &lt;li id="13" class="large_box"&gt;Item 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>then I have a jQuery function like this:</p>
  
  <pre><code>$(function() { 
  $('li.large_box').css('cursor', 'pointer')
  .click(function() {
      var show_id = $(this).val();
      alert(show_id);
      });
  });
  </code></pre>
  
  <p>When I click the list items my alery shows a value of 0 when I am expecting a value of 8 or 13.</p>