How to replace some content and keep other content in the same wrapper using jQuery...
<p>I'm using jQuery and I would like to replace some content in a wrapper div, but keep other content intact. Using my example, I want to retain <code>.link</code>, but replace all the child elements. Using <code>html()</code> on the parent will replace everything: <code>$('.parent').html(data)</code></p>

<p>Is there a way to keep the <code>.link</code> div without messing around with the structure? I'll change the structure if there is a good reason to, but let's otherwise assume I have to call the data replacement funciton on the <code>.parent</code> div.</p>

<pre><code>&lt;div class="parent"&gt;
   &lt;div class="child-1"&gt;
   &lt;/div&gt;
   &lt;div class="child-2"&gt;
   &lt;/div&gt;
   &lt;!-- etc... total number changes --&gt;

   &lt;div class="link"&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>
