i am generating a dynamic Input box with radio button selection.
I am doing but problem is there.

I am trying to generate only one input box on every last radio button.

**Problem**: when i have clicked on radio button one time then Why input box is generating more than 1.

**jsfiddle** : <http://jsfiddle.net/4A4FY/>

**Jquery**

```
  $("input[data-target='generateInput']").on('click', function (e) {
        var targetId = $(this).parent("div").attr("id");
        var t = $("div#input_" + targetId).append("<input type='text' name='aa' />");
    });

```

**HTML**

```
    <select id="e1" name='selectTag' multiple>
     <option value="ABC" data-id='1' id='1'>ABC</option>
     <option value="DEF" data-id='2' id='2'>DEF</option>
     <option value="GHI" data-id='3' id='3'>GHI</option>
     <option value="JKL" data-id='4' id='4'>JKL</option>
     <option value="MNO" data-id='5' id='5'>MNO</option>
   </select>
   <div id='generate' style='margin:10px;'></div>

```