title: Conditional Validation using jquery validate
body: <p>Using jquery-validate 1.11.0 </p>
  
  <p>In my form, i have a condition that if text is input in field A, fields B &amp; C become required. If text is input in field B, A &amp; C become required and so on and so forth. Also, if any text is in Field D, clear it out.</p>
  
  <p>If text is input in Field D, then clear fields A, B, C and make them not required.</p>
  
  <p>I have a bug where If I fill out field A first, it seems to submit bypassing the other 2 fields as required. If i fill out field b or c first, it ensures that field A is required. </p>
  
  <p><a href="http://jsfiddle.net/rockitdev/mxtXX/47/" rel="nofollow">http://jsfiddle.net/rockitdev/mxtXX/47/</a></p>
  
  <pre><code>&lt;form id="search" name="search" method="post" action=""&gt;
      &lt;label for="a"&gt;Text A&lt;/label&gt;
      &lt;input id="a" type="text" class="search-person" /&gt;
      &lt;label for="b"&gt;Text B&lt;/label&gt;
      &lt;input id="b" type="text" class="search-person" /&gt;
      &lt;label for="c"&gt;Text C&lt;/label&gt;
      &lt;input id="c" type="text" class="search-person" /&gt;
      &lt;label for="d"&gt;Text D&lt;/label&gt;
      &lt;input id="d" type="text" class="search-hcn" /&gt;
      &lt;p&gt;
          &lt;input class="btn btn-primary" type="submit" value="Submit" /&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  
  $('.search-person').focus(function () {
      $('.search-hcn').val(' ').removeClass("required");
      $('.search-person').addClass("required");
  });
  
  $('.search-hcn').focus(function () {
  
      $('.search-person').val(' ').removeClass("required");
      $('.search-hcn').addClass("required");
  });
  
  $('#search').validate();
  </code></pre>