title: Swapping div contents with jQuery
body: <p>Here's my HTML:</p>
  
  <pre><code>&lt;div class="large"&gt;
      &lt;img src="/images/photos/Interior.jpg" alt="The interior" style="[...]" /&gt;
      &lt;div class="caption"&gt;The interior&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="small"&gt;
      &lt;img src="/images/photos/Bedroom.jpg" alt="Bedroom" style="[A different ...]" /&gt;
      &lt;div class="caption"&gt;A bedroom&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Upon clicking a <code>div.small</code>, I'd like both the images and captions to swap container divs. The catch is I can't just swap the src, as there are a bunch of inline styles set which need to be preserved. Finally, once the images have been swapped, I want to apply my custom function <code>.fitToParent()</code> to both of them.</p>
  
  <p>How would I go about doing this?</p>