title: How to get the src of img tag using jquery
body: <p>I have an HTML as follow :</p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
      &lt;li&gt;&lt;a class="thumbnail" href="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_1-500x500.jpg" title="Canon EOS 5D"&gt;&lt;img src="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_1-228x228.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="image-additional"&gt;&lt;a class="thumbnail" href="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_2-500x500.jpg" title="Canon EOS 5D"&gt; &lt;img src="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_2-74x74.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="image-additional"&gt;&lt;a class="thumbnail" href="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_3-500x500.jpg" title="Canon EOS 5D"&gt; &lt;img src="http://localhost/upload/image/cache/catalog/demo/canon_eos_5d_3-74x74.jpg" title="Canon EOS 5D" alt="Canon EOS 5D"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to get the <code>src value</code> img. I have used the following code :</p>
  
  <pre><code>var imgTag =  $('.thumbnail').attr("href");
          console.log(imgTag);
  </code></pre>
  
  <p>It gives the <code>href</code> of the <code>a tag</code> but I want the src of the img tag just after the <code>a tag</code> what modification should I do ?</p>