Bind a jquery function to elements
<p>I am very new to jquery and need some help. I am trying to change a css element when I enter a textbox. I have applied a css class to my textboxes and I have a couple of div tags around my textboxes.</p>

<p>When a user selects the textbox I want to change the desired div tag.</p>

<p>This is how the html looks</p>

<pre><code>&lt;div class="left"&gt;
    &lt;div class="right"&gt;
        &lt;input name="myTextBoxID" type="text" id="myTextBoxID" class="myTextBox" /&gt;
        &lt;span id="rfInput"&gt;&lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>my jquery looks like this</p>

<pre><code>&lt;script language="javascript" type="text/javascript"&gt;
   $(function () {
       $('.myTextBox').focus(function () {

           $('.box.left').addClass("active");
       }).blur(function () {
           $('.box.left').removeClass("active");
       });
   });
&lt;/script&gt;
</code></pre>

<p>Now the jquery is working and changes the class on focus and blur however it effects all elements witht he class="myTextBox" how can I get jquery to attach to all elements however only fire the css change to the selected textboxes outside elements class?</p>

<p>Any help would be great!</p>
