Picking an element within a DIV with JQuery
<p>I have an HTML page with a variety of divs on it. For instance, something like this:</p>

<pre><code>&lt;div id="myDiv1"&gt;
  &lt;input id="myInput1" type="text" /&gt;
  &lt;input id="myInput2" type="text" /&gt;
  &lt;input id="myButton" type="button" value="Button" /&gt;
&lt;/div&gt;

&lt;div id="myDiv2"&gt;
  &lt;!-- My Content --&gt;
&lt;/div&gt;
</code></pre>

<p>How do I use JQuery to:</p>

<ol>
<li>Get ALL input fields of type text within myDiv1</li>
<li>Get a single input field inside of a div</li>
</ol>

<p>Traditionally, I would use the following:</p>

<pre><code>var textFields = $(":text");
var myInput = $("#myInput1");
</code></pre>

<p>However, I would really like to understand how to search within a single DIV element.</p>

<p>Thank you so much!</p>
