how to add new row with choosen plugin

Dears,

How to add new row with plugin choosen, i added the new row but the plugin didn't work correctly. please advice

Please note:

My source code:

/*var currentIdex=index;
			alert(currentIdex);
			var nextIndex=parseInt(currentIdex)+1;
			alert(nextIndex);
			$("#dropdownTR"+nextIndex).show();

return true;*/
  }
  function deleteRecord(index)
  {
    $("#dropdownTR"+index).hide();
  }
  
		
  </script>
</head>
<body>
<table border="1" id="dropdownTableId">
            <thead>
            <tr><th>test1</th>
            <th>test2</th>
            <th>test3</th>
            <th>test4</th>
            <th>test5</th>
            <th></th>
            </tr>
            </thead>
            <tbody>
            <tr id="dropdownTR1" style="display:none;">
			 <td>
                 <select data-placeholder="Enter Mobile"  class="chzn-select"  style="width:120px;" tabindex="2" id="selectId1">
				 <option value="" selected="selected"></option> 
				 <option value="01009870237">01009870237</option> 
				 <option value="01030194351">01030194351</option> 
				 <option value="01065836266">01065836266</option> 
       			</select>
                </td>
         <td> </td>
         <td> </td>
         <td> </td>
         <td> </td>                      
         <td> <a href="#" title="add another number" id="addNumberId" onClick="addRecord(1)">
        <img src="../resources/img/add.png" alt="add another number"/></a>
        </td>
		<td> <a href="#" title="add another number" id="addNumberId" onClick="deleteRecord(1)">
        <img src="../resources/img/add.png" alt="add another number"/></a>
        </td>
            </tr>			
            </tbody>
            </table>
</body>
</html>
<script src="chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript"> $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); </script>