title: How do I target a single input focus?
body: <p>How would I target a single <code>input focus</code>. </p>
  
  <pre><code>    $(".right input").focus(function(){
      $(".left span").addClass('focus');
  }).blur(function(){
      $(".left span").removeClass('focus');
  });
  </code></pre>
  
  <p>This code adds the class to all of the <code>span</code> elements when I focus on an <code>input</code>
  How would I set it so it can only add the class to the <code>input</code> that is being focused?
  Here is my html</p>
  
  <pre><code>&lt;div class="left"&gt;
    &lt;span class="name"&gt;&lt;/span&gt;
    &lt;span class="email"&gt;&lt;/span&gt;
    &lt;span class="phone"&gt;&lt;/span&gt;
    &lt;span class="address"&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="right"&gt;
  &lt;p&gt;
  &lt;label for="name"&gt;Your Name:&lt;/label&gt;
  &lt;input id="name" type="text" value="Name" autocomplete="off"&gt;
  &lt;/p&gt;
  &lt;p&gt;
  &lt;label for="email"&gt;Email Address:&lt;/label&gt;
  &lt;input id="email" type="text" value="Email" autocomplete="off"&gt;
  &lt;/p&gt;
  &lt;p&gt;
  &lt;label for="phone"&gt;Phone Number:&lt;/label&gt;
  &lt;input id="phone" type="text" value="Phone" autocomplete="off"&gt;
  &lt;/p&gt;
  &lt;p&gt;
  &lt;label for="address"&gt;Your Address:&lt;/label&gt;
  &lt;input id="address" type="text" value="Address Line 1" autocomplete="off"&gt;
  &lt;/p&gt;
  &lt;p&gt;
  &lt;label for="address2"&gt;Line Address 2:(optional)&lt;/label&gt;
  &lt;input id="address2" type="text" value="Address Line 2" autocomplete="off"&gt;
  &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Edit</strong>
  Could I implement the code given in the answer selected to this code?</p>
  
  <pre><code>        // Trying to target font customization on single input focus
      // and not all together
      $("#fs").change(function() { // change font family style.
          $('.email').css("font-family", $(this).val());
      });
      $("#size").change(function() { // change font size.
          $('.email').css("font-size", $(this).val() + "pt");
      });
  </code></pre>
  
  <p>To edit the <code>span</code> belonging to the <code>input</code> that is focused on?</p>