title: Adding a <img> to an div tag
body: <p>I have the following structure:</p>
  
  <pre><code>&lt;div class="eventIcons"&gt;Sample Event&lt;/div&gt;
  </code></pre>
  
  <p>How do I add an  tag to the div before the text so that I end up with:</p>
  
  <pre><code>&lt;div class"eventIcons"&gt;&lt;img id="printOnlyIcon" src"printOnly.jpg"/&gt;Sample Events&lt;/div&gt;
  </code></pre>
  
  <p>I am currently using the following jquery but its adding the  tag after the text:</p>
  
  <pre><code>$('div.eventIcons').append('&lt;img id="printOnlyIcon" src="printOnly.jpg"/&gt;');
  </code></pre>
  
  <p>Many Thanks</p>