title: Create a link dynamically with in specific tag or in div with specific id/class
body: <p>My code is below:</p>
  
  <pre><code>&lt;div id="ID1"&gt;
      &lt;div id="ID2"&gt;
          &lt;!-- blah blah --&gt;
      &lt;/div&gt;
      &lt;div id="ID3"&gt;
          &lt;!-- blah blah --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to generate code with Javascript or jQuery dynamically below first DIV.<br>
  Code generated should be like one shown below.</p>
  
  <pre><code>&lt;div id="ID1"&gt;
      &lt;a href="#" style="float: left;"&gt;&lt;img src="imageLink" /&gt;&lt;/a&gt;
      &lt;div id="ID2"&gt;
          &lt;!-- blah blah --&gt;
      &lt;/div&gt;
      &lt;div id="ID3"&gt;
          &lt;!-- blah blah --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am new to javascript and jquery so please help me.</p>