title: Jquery on function not working in a bootstrap modal
body: <p>im having trouble triggering an event in jquery. Thing is i have set an on change event on a bootstrap modal input field. The event triggers when i close my modal, i want it to trigger even when modal is open. Please help. Thanks</p>
  
  <pre><code>&lt;div class="modal-body"&gt;
      &lt;div class="col-md-6"&gt;
          &lt;p&gt;
          &lt;span&gt;&lt;strong&gt; Current Password:&lt;/strong&gt;&lt;/span&gt;                                                    
          &lt;input type="password" class="form-control" id="curr-pass" placeholder="Enter Current Password" name="pass" required /&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>$(document).ready(function(){
      $(document).on("change","#curr-pass",function(){
          var password = $(this).val();
          console.log(password);
      });
  });
  </code></pre>