title: Find the first img inside a div and place a new div below it
body: <p>I am trying to place a div below an image with jquery using the code below but it doesnt work.</p>
  
  <p>in the <code>&lt;head&gt;</code> i have this code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $( document ).ready(function() {
  $(".gdl-blog-full").find("img").prepend("&lt;div id='1' style='width:400px; float: left; margin-top:10px; background-color: #000;'&gt; You are watching 5th object out of 100 &lt;/div&gt;");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>and inside the <code>&lt;body&gt;</code> i have this:</p>
  
  <pre><code>&lt;div class="gdl-blog-full"&gt;
  &lt;img src="logoF.png" width="400" height="93" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I just want to place a <code>&lt;div&gt;</code> below the image..</p>