It keeps duplicating textboxes when using jquery .on() function
<p>I have 2 problem that needs to be addressed.</p>

<p>Problem 1:</p>

<p>In my jsfiddle I have a feature where the user opens a grid and selects an option, after the user selects an option then if they click on the "Add question" button, then this will be displayed in the new table row.</p>

<p>The only thing though is that I want the user to be able to open the grid and select an option from the table row (working exactly the way as select an option from above) just in case the user changes their mind and wants to select a different option within a row. I am using the .on() functions.</p>

<p>Does anyone know why it is not opening the grid?</p>

<p>Problem 2:</p>

<p>If the user adds a row by clicking on the "Add Question", it shows the option textbox once for the first row, if the user adds another row then it shows 2 options textboxes, then it shows 4 textboxes if 3rd row is added and etc.</p>

<p>Why is it doing this?</p>

<p>my code is in jsfiddle, click <a href="http://jsfiddle.net/f8cKm/5/" rel="nofollow">here</a></p>

<p>If anybody wants to look at the code then access the jsfiddle, if anybody knows the solution or wants to try the solution, they can use the jsfiddle.</p>

<p>Thank You</p>
