title: Insert Image Dynamically with jQuery
body: <p>I am using a program (jAlbum) to create a gallery and in that gallery it has a place for more information about the photo. Currently it just displays <code>Photo Info ^</code>. I have an image I would like to insert into the span that contains the words Photo Info. I would do this in the program but after searching I cannot find that span (I believe it might be generated with javascript but I cannot find the line that generates it). So I figured I can insert this image dynamically using jQuery. I am not sure how to do this as javascript is not my strong suit. Here is how the HTML for the span looks currently:</p>
  
  <pre><code>&lt;span id="lightwindow_info_tab_span" class="up"&gt; Photo Info&lt;/span&gt;
  </code></pre>
  
  <p>Here is how it should look after the image is inserted into the code:</p>
  
  <pre><code>&lt;span id="lightwindow_info_tab_span" class="up"&gt;&lt;img class="inline" 
    src="/Images/Icons/info.png" /&gt;Photo Info&lt;/span&gt;
  </code></pre>
  
  <p>What is the best way to do this? Remember I am not super strong at javascript (just strong enough to break stuff => ) so please provide an example. </p>