title: How do I get the img src inside a <li><div> tag?
body: <p>I'm trying to get the src of an image from a selected list item.  The HTML looks like this:</p>
  
  <pre><code>&lt;li id="player_7"&gt;
    &lt;div class="nailthumb-container square-thumb"&gt;
      &lt;img src="../photos/files/7/thumb/6c0f1676cdcb1a9a5215db3e12572450.jpeg" /&gt;
    &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I can currently get the player ID from the selected list element like so:</p>
  
  <p>jQuery</p>
  
  <pre><code>$('#myDiv').find("li").click(function() {
      var user_id = $(this).attr('id').substr(7);
  });
  </code></pre>
  
  <p>How can I get the img src from a selected list element?</p>