JavaScript Instead of adding another element It is landing to a another page

I have created a modal list using bootstrap and Actually I have a form list created and when entered details, it will land me to a desired page. Register button performs this function. But now I have also added a dependent dropdown(Skills,Level) options. It also has a add button and Whenever I am clicking on add button instead of adding another elements,its landing me to that same page and displays added successfully message. Can anyone help me?

<form id='work' method="post" action="registerdb.php">
<div class="form-group">
<label for="recipient-name" class="control-label">First Name</label>
<div class="input-group"><span class="input-group-addon" id="basic-addon1">           
<span class="glyphicon glyphicon-user"></span></span>
<input type="text"  id = "firstname" name = "firstname" class="form-control"         
 placeholder="First Name" aria-describedby="basic-addon1">
</div>
</div>
<div class="form-group"><label for="exampleInputEmail1">Last Name</label>
<div class="input-group"><span class="input-group-addon" id="basic-addon1">   
<span class="glyphicon glyphicon-user"></span></span>
<input type="text" id = "lastname" name = "lastname" class="form-control"   
placeholder="Last Name" aria-describedby="basic-addon1">
</div>
</div>
<div class="form-group">
<label>Company Name</label>
<div class="input-group"><span class="input-group-addon" id="basic-addon1">      
<span class="glyphicon glyphicon-briefcase"></span></span>
<input type="text" id= "companyname" name = "companyname" class="form-       
control" placeholder="Company Name" aria-describedby="basic-addon1">
</div>
</div>
<div class="form-group"><label for="exampleInputEmail1">E-mail ID</label>
<div class="input-group"><span class="input-group-addon" id="basic-addon1">  
<span class="glyphicon glyphicon-envelope"></span></span>
<input type="text" id = "emailid" name = "emailid" class="form-control"      
placeholder="Email" aria-describedby="basic-addon1">
</div>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<div class="input-group"><span class="input-group-addon" id="basic-addon1">  
<span class="glyphicon glyphicon-asterisk"></span></span>                       
<input type="password" id = "password" name = "password" class="form-  
control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Type of Industry</label>
<div class="input-group">
<select class="input-medium bfh-countries" data-country="US">
<option value="" disabled="disbaled" selected="selected">Please Select a     
Value</option>    
<option value="Accounting">Accounting</option>   
<option value="Aeronautical">Aeronautical</option>
<option value="Agriculture">Agriculture</option>
<option value="Science and Research">Science and Research</option>
</select>
</div>
</div>            
</div>
<hr>
<div align="center">
<button type="button" class="btn btn-primary" data-   
dismiss="modal">Close</button>
<input class="btn btn-primary" type = "submit" name = "submit" value =    
"register" />
 </div>
 </form>
 <script>
 $( "#add" ).click(function() {
 var row = $("#wrapper-1").clone();
 //row.remove("#add");
 $('#wrapper').append(row);
 });
 </script>
 <div id="wrapper" width="100%">
 <div id="wrapper-1" style="float: left; width: 85%;">
 <div id="first" style="float: left; width: 65%;"> 
 <label for="skills">Skills</label>
 <select id="one" class="step1">
 <option value="">Please select an option</option>
 <option>C</option>
 <option>C++</option>
 <option>Java</option>
 <option>PHP</option>
 </select>
 </div>
 <div class="general" style="float: left; width: 35%;"> 
  <label for="skills">Level</label>
  <select id="two" class="step2">
  <option value="">option</option>
  <option>Begineer</option>
  <option>Expert</option>
  <option>Advanced</option>
  </select>
  </div>
  </div>
  <div class="add-general" style="float: left; width: 15%;">
  <button id="add">add</button>
  </div>  
  </div>
Answer:1

I am attempting to store html code in a textarea field using jquery with the following code: var text ="<p>Hello, my name is Sam</p>"; var textarea = d.createElement( 'textarea' ); // ...

I am attempting to store html code in a textarea field using jquery with the following code: var text ="<p>Hello, my name is Sam</p>"; var textarea = d.createElement( 'textarea' ); // ...

  1. jquery fill textarea value
  2. jquery fill textarea
  3. jquery fill textarea with text
  4. jquery populate textarea

I have this multi dimensional array of objects - const initialArray = [ { name: 'aaa', value:[{id:1, data:1}, {id:2, data:2}, {id:3, data:3}] }, { name: 'bbb', value:[{id:1, data:...

I have this multi dimensional array of objects - const initialArray = [ { name: 'aaa', value:[{id:1, data:1}, {id:2, data:2}, {id:3, data:3}] }, { name: 'bbb', value:[{id:1, data:...

  1. reduce multidimensional array javascript
  2. reduce multidimensional array php
  3. reduce multidimensional array
  4. mpi_reduce multidimensional array
  5. how to reduce multidimensional poverty
  6. matlab reduce multidimensional array

Let's say I have a number input with only a few possible values like the following : <label for="test" translate="entities.test"></label> <input id="test" name="test" type="number" min=...

Let's say I have a number input with only a few possible values like the following : <label for="test" translate="entities.test"></label> <input id="test" name="test" type="number" min=...

  1. display number text
  2. display text and number matlab
  3. display text as number in excel
  4. display text instead of number in excel
  5. excel display text after number
  6. excel display text before number

I am trying to write postgre puppet AST query in java script/coffee script, but I am not able to figure out how to send data (curl -d) through a GET request in java/coffree scripts. Can anyone help? ...

I am trying to write postgre puppet AST query in java script/coffee script, but I am not able to figure out how to send data (curl -d) through a GET request in java/coffree scripts. Can anyone help? ...

  1. send data javascript to php
  2. send data javascript
  3. send data javascript to html
  4. send data javascript to python
  5. send data javascript ajax
  6. send data javascript to java
  7. send data javascript to c#
  8. send data javascript swift
  9. javascript send data to node js
  10. send javascript data to server
  11. send data from javascript to django
  12. send data from javascript to python flask
  13. send form data javascript
  14. send data from javascript to servlet
  15. send post data javascript
  16. send data from javascript to python django
  17. send data onclick javascript
  18. send data from javascript to flask
  19. send data from javascript to node js
  20. send data from javascript to php using ajax