title: how to generate dynamic input and get the value by id using jquery
body: <p>Actually  i have a form where i enter name ,html page name in a input box and save it to the database. Here i got some issues </p>
  
  <ol>
  <li><p>i am able generate input box but how to get the value of that input box ?</p></li>
  <li><p>how to get the dynamic values of the input box which was entered in dynamic boxes and send it to post request as i know how to send a static input box value request for multiple how can we send it .</p></li>
  </ol>
  
  <p>here is what below is my code</p>
  
  <pre><code>    &lt;div class="input_fields_wrap"&gt;
      &lt;button class="add_field_button"&gt;Add More Fields&lt;/button&gt;
      &lt;div&gt;&lt;input type="text" name="mytext[]"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  
  
   $(document).ready(function() {
      var max_fields      = 10; //maximum input boxes allowed
      var wrapper         = $(".input_fields_wrap"); //Fields wrapper
      var add_button      = $(".add_field_button"); //Add button ID
  
      var x = 1; //initlal text box count
      $(add_button).click(function(e){ //on add input button click
          e.preventDefault();
          if(x &lt; max_fields){ //max input box allowed
              x++; //text box increment
              $(wrapper).append('&lt;div&gt;&lt;input type="text" name="mytext[]"/&gt;&lt;a href="#" class="remove_field"&gt;Remove&lt;/a&gt;&lt;/div&gt;'); //add input box
          }
      });
  
      $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
          e.preventDefault(); $(this).parent('div').remove(); x--;
      })
  });
  </code></pre>
  
  <p>i thins above i can generate dynamic input box and can remove it but unable to get values so how can generate by using id and post all dynamically generated values to the database</p>