title: How to keep label active when input field inside the label is active?
body: <p>I have the label like <code>&lt;label&gt;name:&lt;input&gt;&lt;/label&gt;</code>
  and the css like 
  <code>label:active{/*properties*/}</code>
  I'd like the properties to be applied to <code>name</code> inside <code>&lt;label&gt;</code> when I click on <code>&lt;input&gt;</code> it gets applied but it looses focus to the <code>&lt;input&gt;</code> soon after I click it.</p>
  
  <p>here is an example: <a href="http://jsfiddle.net/GuCk4/2/" rel="nofollow">http://jsfiddle.net/GuCk4/2/</a></p>