title: Using jQuery to read img src and insert img src dynamically
body: <p>I have some code on my page that looks like this: </p>
  
  <pre><code>&lt;div class="img-center"&gt;
      &lt;img src="img-path.jpg" alt="alt-text" class="feature-image" /&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I am setting up a Print Stylesheet and due to some javascript manipulation of the content (and possibly a bug in firefox) the img prints off center. The solution I am going to do is have the img inserted dynamically into another div that will show when printed but I do not know how to have jQuery read the img div and then copy it into the other div. The code example for the other div would be something like this: </p>
  
  <pre><code>&lt;div id="feature-container-print"&gt;
     &lt;img src="jQuery inserted copy of above img-path.jpg" alt="alt-text" /&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>How is this done? Please provide an example. </p>