Why got all content using Jquery load by selector
<p>All, I have a little problem with the jquery <code>load</code> method usage. please help to review it .
Say you have the source html(url is templetes/templetesList.html) like below.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;&lt;/head&gt;
&lt;body&gt;
    &lt;ol id="layoutol"&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/e6a9bb54da25102b9a032db401e887ec.PNG" /&gt;&lt;/li&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/a709bb54da25102b9a032db401e8aded.PNG" /&gt;&lt;/li&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/cad4bb54da25102b9a032db401e855a.PNG" /&gt;&lt;/li&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/12344bb54da25102b9a032db401edddd.PNG" /&gt;&lt;/li&gt;
    &lt;/ol&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The script looks like below.</p>

<pre><code>$("#layoutol").load("templetes/templetesList.html li",function(data){alert(data);});
</code></pre>

<p>as the doc says the data will be the responsetext. </p>

<p>But why I got all the html content instead of the <code>li</code> content ? 
I mean I only need the <code>li</code> part. </p>

<pre><code>        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/e6a9bb54da25102b9a032db401e887ec.PNG" /&gt;&lt;/li&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/a709bb54da25102b9a032db401e8aded.PNG" /&gt;&lt;/li&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/cad4bb54da25102b9a032db401e855a.PNG" /&gt;&lt;/li&gt;
        &lt;li class="ui-state-default"&gt;&lt;img alt=""
            src="templetes/thumbnails/12344bb54da25102b9a032db401edddd.PNG" /&gt;&lt;/li&gt;
</code></pre>

<p>Did I miss something ? thanks.</p>
