Jquery Understand Find Method
<p>I am new to jquery and I am having a problem understanding the Jquery.find() method. I have been reading other responses but I feel like I am still missing something.</p>

<p>I am doing an ajax call and getting a html return.</p>

<pre><code>&lt;!DOCTYPE html&gt; 
&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;form name="CALC"&gt;&lt;table&gt;....&lt;/table&gt;&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Then I do a </p>

<pre><code>$(data).find('table');
</code></pre>

<p>and everything works as expected however when I do a similar ajax call and get the following html</p>

<pre><code>&lt;!DOCTYPE html&gt; 
&lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;div class="paraSearch"&gt;.....&lt;/div&gt;       
&lt;/body&gt;
</code></pre>

<p>Then I do a</p>

<pre><code>$(data).find('.paraSearch');
</code></pre>

<p>I do not receive the div object. Instead the div I am looking for is in the prevObject array. However what does work is if I call:</p>

<pre><code>$(data).closest('.paraSearch');
</code></pre>

<p>I understand that find() can return an array because it can select multiple elements. But then why does the first version work?</p>

<p>Thanks for the explanation!</p>

<p><strong>UPDATE</strong></p>

<p>Just to clarify my issue problem is that when I try to append the file that has the ajax call with so:</p>

<pre><code>var content = $( data).find( '.paraSearch' );
$(sectionName).append(content);
</code></pre>

<p>Nothing is added.</p>
