title: How can i create a dynamically input fields using bootstrap
body: <p>I have created the input fields but when i click the first two ,it does well until when i request the third which comes between the first two and also other also comes between.can some help me please.
  here is my javascript code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(document).ready(function() {
  
      it to after "after-add-more" div class.
        $(".add-more").click(function(){ 
            var html = $(".copy-fields").html();
            $(".after-add-more").after(html);
        });
  
        $("body").on("click",".remove",function(){ 
            $(this).parents(".control-group").remove();
        });
  
      });
  
  &lt;/script&gt;
  </code></pre>