title: Jquery Validation on Bootstrap Modal Not Working Properly
body: <p>I want to load url form page (remote) into modal, and it work well. But jquery validation on form loaded just work once. When I loaded the form again, jquery validation not executed except I refresh the page. Why be like that. What wrong on my code.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
       $('[data-toggle="modal"]').click(function() {
          var url = $(this).attr('href').replace(/\s/g,"+");
          if (url.indexOf('#') == 0) {
              $(url).modal('open');
          }else {
              $.get(url, function(data) {
                  $(data).modal();
              }).success(function() {
                  $('input:text:visible:first').focus();
                  $("#frmAddMcb").validate({
                      submitHandler: function(form){
                          $('#modalAddMcb').modal('hide');
                          return postForm(form, "savemcb", "Body", "listmcb", false, false);
                      }
                  });
              });
          }
      });
  });
  &lt;/script&gt;
  &lt;div class="row-fluid"&gt;
  &lt;a href="addmcb" data-toggle="modal" class="btn btn-warning btn-xs link_href" title="Add MCB"&gt;Add MCB&lt;/a&gt;
  </code></pre>
  
  <p>addmcb return this form</p>
  
  <pre><code>&lt;div id="modalAddMcb" class="modal"&gt;
  &lt;div class="modal-dialogg"&gt;
      &lt;div class="modal-content"&gt;
          &lt;div class="modal-header"&gt;
              &lt;button aria-hidden="true" data-dismiss="modal" class="close" type="button"&gt;×&lt;/button&gt;
              &lt;h4 class="modal-title"&gt;Add MCB&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;form id="frmAddMcb" enctype="multipart/form-data" class="form-horizontal" novalidate&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="col-md-2 col-sm-2 control-label"&gt;Name *&lt;/label&gt;
                      &lt;div class="col-md-9"&gt;
                          &lt;input type="text" name="mcb.name" class="form-control" value='&lt;s:property value="%{mcb.name}"/&gt;' required&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="form-group"&gt;
                      &lt;label class="col-md-2 col-sm-2 control-label"&gt;Image *&lt;/label&gt;
                      &lt;div class="col-md-9"&gt;
                          &lt;input type="file" name="fileUploaded" class="form-control"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                      &lt;button data-dismiss="modal" class="btn btn-default" type="button"&gt;Cancel&lt;/button&gt;
                      &lt;button class="btn btn-primary" id="submit" type="submit"&gt; Save&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>