title: How to retrieve textbox data from modal
body: <p>I am using the following bootstrap code to display a modal now i want to get value from the input field .I have tried many ways but failed to get the data using javascript.</p>
  
  <pre><code>&lt;div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                  &lt;h4 class="modal-title"&gt;Forgot Password ?&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;p&gt;Enter your employee id below to reset your password.&lt;/p&gt;
                  &lt;input type="text" name="getId" placeholder="Employee id" autocomplete="off" class="form-control placeholder-no-fix"&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" btn="submt" type="button"&gt;Submit&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
   $(document).ready(function () {
  
              var btnSubmit = $(element).parent().prev().find("#submt");
  
              $(btnSubmit).click(function()
              {
                  //var ids = $('getId').val();
                  var ids = $(element).parent().prev().find("#getID");
                  alert(ids);
  
                  $.ajax({
                      url:'rtrv_pass.php',
                      type:'post'
                      //data:{uid:},
                  });
              });
  
          });
  </code></pre>