title: Inputs field highlight green when error is corrected with JQuery
body: <p>I am working on a form and when the input fields are empty by the time a print button is clicked to print should return false and highlight fields to red. At the same time when an input field has then a value, the field should highlight green, but this isn't working like it should. If one field has a value and the others not; at time the button is clicked to print, the field with value should highlight green and the others without value red.</p>
  
  <p>Javascript</p>
  
  <pre><code>if (err !== 0){
  $("#one, #two, #three, #four").effect("highlight", {color:"red"},
  3000);
      $.notify("All fields with * must be filled", {
          position: 'bottom right',
          autoHide: true,
          autoHideDelay: 5000
      });
  return false;
  }
  else {
    if ($("#one") !== "" &amp;&amp; $("#two, #three, #four") == ""){
      $("#one").effect("highlight", {color:"green"}, 3000);
      return false;
  }
  if ($("#two") !== "" &amp;&amp; $("#one, #three, #four") == ""){
      $("#two").effect("highlight", {color:"green"}, 3000);
      return false;
  }
  if ($("#three") !== "" &amp;&amp; $("#one, #two, #four") == ""){
      $("#three").effect("highlight", {color:"green"}, 3000);
      return false;
  }
  if ($("#four") !== "" &amp;&amp; $("#one, #three, #two") == ""){
      $("#four").effect("highlight", {color:"green"}, 3000);
      return false;
  }
  var print = true;
  }
  </code></pre>