title: Js code not executed with ajax loaded content
body: <p>I'm using Twitter Bootstrap modale to show a form loaded by ajax.</p>
  
  <p>I click on the button to show the modale, which btw, will grab its content via ajax : </p>
  
  <pre><code>$('#team_join_modale_show').on('click', function(e) {
      e.preventDefault();
      var href = $(e.target).attr('href');
  
      $.get(href, function(data) {
          $(data).modal();
      });
  });
  </code></pre>
  
  <p>Then, the modale named "#team_join_modal" is shown (which wasn't in the DOM before). There is a form "#ajax_form_team_join" on it.</p>
  
  <pre><code>$('#team_join_modal').on('shown', function () {
      $('#ajax_form_team_join').ajaxForm({
          target:        '#errorTeamJoin',
          clearForm:     true
      });
  });
  </code></pre>
  
  <p><strong>The problem is that the snippet $('#ajax_form_team_join').ajaxForm(); is never executed, so my form is not working correctly.</strong></p>
  
  <p>I've tried move the event accross my js, changed .on, to .live, to new method .on with no result. What i am missing please ?</p>