I have the following code.. It's adding (creating) a hobby textbox when clicking the link.

2. <script type="text/javascript">
3.     var counter = 0;
4.     $(function(){
5.      $('p#add_field').click(function(){
6.      counter += 1;
7.      $('#container').append(
8.      '<strong>Hobby No. ' + counter + '</strong><br />'
9.      + '<input id="field_' + counter + '" name="dynfields[]' + '" type="text" /><br />' );
10. 
    
11.      });
12.     });
13. </script>

I also have the following code:

2. <div id="container">
3. <select name="cboResidenceLocation" id="cboResidenceLocation" style="width: 100%">
4.     <option value="">[Unspecified..]</option>
5.     <?php
6.         $mysql_command = "CALL sp_populate_country()";
7.         $mysql_query = $mysql_connection->prepare($mysql_command);
8. 
   
9.         $mysql_query->execute();
10. 
    
11.         while($mysql_row = $mysql_query->fetch())
12.         {
13.     ?>
14.     <option value="<?php echo $mysql_row['country_code_alpha2']; ?>" <?php if ($mysql_row['country_code_alpha2'] == $company_country) { echo 'selected'; } ?>><?php echo $mysql_row['country_name']; ?></option>
15.     <?php } ?>
16. </select>
17. <br>
18. </div>

How can I let the Add More link to create new  cboResidenceLocation instead of creating the textbox?