title: jquery css change outline of input to none
body: <p>Ok. I know some of you are reading this and already asking why I'm so stupid and why I dont do this with simple CSS.</p>
  
  <pre><code>input:focus { outline:none; }
  </code></pre>
  
  <p>Simple... for some reason wordpress is not allowing this change to happen - so I am reverting to jquery to do the dirty work. </p>
  
  <p>Problem is for me.. I can't get it to work either....</p>
  
  <p><a href="http://jsfiddle.net/h5KEm/" rel="nofollow">http://jsfiddle.net/h5KEm/</a> is the link to the following code on jsfiddle:</p>
  
  <pre><code>&lt;form action="" method="post"&gt;
  &lt;input id="optin" name="optin"&gt;&lt;br /&gt;
  &lt;input type="submit" id="submit" name="submit" value="go"&gt;
  &lt;/form&gt;​
  
  $('input[name=optin]').click(function() {
      $(this).css('outline', none');    
  });​
  </code></pre>