title: Javascript function not working properly in Chrome
body: <p>i do i function with js to change the div color depend on inputs click or select its work perfect on firefox but the radio input not see the onblure property so its never return div to its static color when click any where<br>
  here the function</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  
      function highlight(element) {
          element.parentNode.style.backgroundColor = '#84DFC1';
      }
  
      function removeHighlight(element) {
          element.parentNode.style.backgroundColor = '';
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>and here the radio inputs</p>
  
  <pre><code>&lt;div class="form-item"&gt;
  &lt;label&gt;Gender:&lt;/label&gt;
  &lt;input id="male-radio" type="radio" name="radio"value="male" class="radio-form" onselect="highlight(this);" onchange="highlight(this);" onfocus="highlight(this);"  onblur="removeHighlight(this);"&gt;&lt;/input&gt; 
  &lt;label id="male-label"&gt;Male&lt;/label&gt;
       &lt;input id="female-radio" type="radio" name="radio" class="radio-form" value="female" onselect="highlight(this);" onchange="highlight(this);" onfocus="highlight(this);" onblur="removeHighlight(this);"&gt;&lt;/input&gt;
           &lt;label class="radioform-label"&gt;Female&lt;/label&gt; 
      &lt;/div&gt;
  </code></pre>