title: Foundation Form in Reveal Modal - Abide Validation Events not firing
body: <p>I'm working on a login/registration for a simple web app. I'm using Foundation to do so. The index page shows a login screen and a register button, if the user clicks this a Reveal Modal appears which includes the register form. This form uses abide to do the data validation (email address, matching passswords etc.). I want the 'register' submit button to be disabled if there are any validation errors and then not disabled when everything is good.</p>
  
  <p>I have used the code on the <a href="http://foundation.zurb.com/docs/components/abide.html" rel="nofollow">Foundation Docs</a> where it says:</p>
  
  <pre><code>$('#myForm')
    .on('invalid.fndtn.abide', function () {
      var invalid_fields = $(this).find('[data-invalid]');
      console.log(invalid_fields);
    })
    .on('valid.fndtn.abide', function () {
      console.log('valid!');
    });
  </code></pre>
  
  <p>For some reason (that I can't find after much searching) these events aren't firing. My form has the correct ID, my js file is loading correctly (I put console.log messages either side of that jquery code) and I've tried calling:</p>
  
  <pre><code>$(document).foundation('abide','events'); 
  </code></pre>
  
  <p>as suggested <a href="https://github.com/zurb/foundation/issues/3124" rel="nofollow">here</a>. But I'm still not getting any events.</p>
  
  <p>Any ideas? Could it be because I've got it in a modal or something?</p>
  
  <p>Thank you for your time.</p>
  
  <p>EDIT: I found this page <a href="http://foundation.zurb.com/forum/posts/1577-abide-and-modal-ajax-issue" rel="nofollow">here</a> which says to add:</p>
  
  <pre><code>$('#your_form_id').foundation({bindings:'events'});
  </code></pre>
  
  <p>instead of:</p>
  
  <pre><code>$(document).foundation('abide','events'); 
  </code></pre>
  
  <p>But that doesn't seem to change anything either.</p>