title: jquery focus, when unfocus change back to original css
body: <p>I have this script in jQuery:</p>
  
  <pre><code>&lt;script&gt;
  $('#searchbar').focus(function(){
      $(this).parent().css('background-color', 'red');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>When you focus the child in the parent the parents background turns red. But when you leave focus it is still red. How do i make it change to another color, lets say blue, when you unfocus the child?</p>
  
  <p>The child is a form.</p>