title: refer to first link of particular div
body: <p>I have following elements:</p>
  
  <pre><code>&lt;div class="content" id="content_1" style="display: none; "&gt;
  
  &lt;ul class="ad-thumb-list" style="width: 473px; "&gt;
  
  &lt;li&gt; 
  &lt;a href="../images/portfolio/portfolio_1_1.png" class="ad-thumb0 ad-active"&gt;
  &lt;img src="../images/portfolio/thumbs/thumb_1_1.png"  style="opacity: 1; "&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  
      &lt;li&gt; 
  &lt;a href="../images/portfolio/portfolio_1_2.png" class="ad-thumb0"&gt;
  &lt;img src="../images/portfolio/thumbs/thumb_1_1.png"  style="opacity: 1; "&gt;
  &lt;/a&gt;
  &lt;/li&gt;
  
    &lt;li&gt; 
  &lt;a href="../images/portfolio/portfolio_1_3.png" class="ad-thumb0"&gt;
  &lt;img src="../images/portfolio/thumbs/thumb_1_1.png"  style="opacity: 1; "&gt;
  &lt;/a&gt;
    &lt;/li&gt;         
  
   &lt;/ul&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to get href attribute of first link <code>&lt;a&gt;</code> inside <code>&lt;ul&gt; &lt;li&gt;</code></p>
  
  <p>I have several this kind of divs, as you can see it has id='content_1', so others will have id='content_2'... and so on.</p>
  
  <p>How can I get href of first a in first li of a called div with jQuery?</p>