<div>
<div class="content wysiwyg-content">
Using jQuery, after the body has loaded and everything else is complete I want to insert an image:<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;img src=&quot;images/icons.png&quot; alt=&quot;&quot; usemap=&quot;#iconImg&quot; /&gt;<br />
into &nbsp;this paragraph:<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;p id=&quot;iconP&quot;&gt;&lt;/p&gt;
</div>
</div>


Using jQuery, after the body has loaded and everything else is complete I want to insert an image:
         <img src="images/icons.png" alt="" usemap="#iconImg" />
into  this paragraph:
         <p id="iconP"></p>

jQuery: Place image in paragraph when body loaded

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.