jquery simple ajax load without loading its wrapper DIV
<p>I have a content (#content) at external file (test.html) to load into another DIV (#result) at index.html:</p>

<p><strong>test.html:</strong></p>

<pre><code>&lt;div id="content"&gt;This text should not be loaded with its DIV. &lt;strong&gt; May contain other tags&lt;/strong&gt;&lt;/div&gt;
</code></pre>

<p><strong>jquery:</strong></p>

<pre><code>$('#result').load('test.html #content');
</code></pre>

<p><strong>index.html result, unexpected:</strong></p>

<pre><code>&lt;div id="result"&gt;&lt;div id="content"&gt;This text should not be loaded with its DIV. &lt;strong&gt; May contain other tags&lt;/strong&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p><strong>index.html result, expected:</strong></p>

<pre><code>&lt;div id="result"&gt;This text should not be loaded with its DIV. &lt;strong&gt; May contain other tags&lt;/strong&gt;&lt;/div&gt;
</code></pre>

<p>How do you load only the actual content/ HTML of the #content which may also contain other tags, but only without its wrapper DIV (#content)?
The reason is to simply avoid unneeded divities which also may conflict with other styled DIVs by mistake.</p>

<p>Any hint is very much appreciated. Thanks</p>
