Clone and autopopulating of dropdown list problem with Jquery
<p>I have a form in a page. In the form i have a text box and a dropdown list. I am using ajax to send the selected value from the dropdown list to another page, where it is send the appropriate values back to the page which auto populates a new dropdown list. They is also a choice that user can add more from like above.</p>

<p>But the problem i am getting is that when i clone the parent form, the value of both auto populated dropdown lists changes by changing the value in the clone dropdown list.</p>

<p>Please help me how to solve that problem.
here is my code.</p>

<pre><code>&lt;!--This is script for autopopute the dropdown list --&gt;    
&lt;script type="text/javascript"&gt;
$(document).ready(function(){ 
$("#selectionresult").hide(); 

$(".MyDropDown").change( function() { 
    $(".MyDropDown1").hide(); 
    $("#result").html('Retrieving ...'); 
    $.ajax({ 
        type: "POST", 
        data: "data=" + $(this).val(), 
        url: "t.cshtml", 
        success: function(msg){ 
            if (msg != ''){ 
                $(".MyDropDown1").html(msg).show(); 
                $("#result").html(''); 
            } 
            else{ 
                $("#result").html('&lt;em&gt;No item result&lt;/em&gt;'); 
            } 
        } 
    }); 
}); 
}); 
&lt;/script&gt;


&lt;!-- This is my html code --&gt;
&lt;form method="post" action=""&gt;
&lt;fieldset&gt;
&lt;p class="clone"&gt;&lt;input type="text" name="hobby[]" class='input'/&gt;
&lt;label for="selection"&gt; Select a Option:  

&lt;select id="selection" name="selection" class="MyDropDown" &gt;
&lt;option value=""&gt;- Select Option Here -&lt;/option&gt;
&lt;option value="ip"&gt;IP&lt;/option&gt;
&lt;option value="responsecode"&gt;Response Code&lt;/option&gt;
&lt;option value="responsebody"&gt;ResponseBody&lt;/option&gt;
&lt;option value="filename"&gt;File Name&lt;/option&gt;
&lt;option value="keyword"&gt;Keyword&lt;/option&gt;
&lt;/select&gt;         &lt;/label&gt;

&lt;select id="selectionresult" class="MyDropDown1" name="selectionresult"&gt;&lt;/select&gt;
&lt;/p&gt;
&lt;p id="result"&gt;&amp;nbsp;&lt;/p&gt;

&lt;input type="submit" value=" Submit " /&gt;
&lt;/fieldset&gt;
&lt;/form&gt; 
&lt;p&gt;&lt;a href="#" class="add" rel=".clone"&gt;Add More&lt;/a&gt;&lt;/p&gt;
</code></pre>

<p>I tried hard to be good in formatting. Please Help me. This is my HTML code. </p>
