title: how to get the selected value of a cloned chosen select dropdown
body: <p>I am using jquery chosen on a select box. Then I am cloning this to display same select box in other div. Here I am just cloning the select box and not the entire div because if i clone whole div it will clone the html added by chosen(). Now I want to get the selected option in last select box which I have cloned.</p>
  
  <pre><code>&lt;select class="chosen-select" id="critaria-1" data-placeholder="Choose ..."&gt;
  &lt;option value="text"&gt;Text&lt;/option&gt;
                          &lt;option value="Department"&gt;Department&lt;/option&gt;
                          &lt;option value="Country"&gt;Country&lt;/option&gt;
                          &lt;option value="State"&gt;State&lt;/option&gt;
                          &lt;option value="Industry"&gt;Industry&lt;/option&gt;
                          &lt;option value="Sub-Industry"&gt;Sub-Industry&lt;/option&gt;
                          &lt;option value="Revenue"&gt;Revenue&lt;/option&gt;
                          &lt;option value="Title"&gt;Title&lt;/option&gt;
                          &lt;option value="Employees"&gt;Number of employees&lt;/option&gt;
                          &lt;option value="News"&gt;News&lt;/option&gt;
                          &lt;option value="Intrests"&gt;Intrests&lt;/option&gt;
                          &lt;option value="Interaction"&gt;Social Interaction&lt;/option&gt;
                      &lt;/select&gt;
  </code></pre>
  
  <p>JS code :</p>
  
  <pre><code>var clone_search = $('.chosen-select').last().clone(); 
          clone_search.prop('id','critaria-' + id); // add a new id 
          clone_search.find('option:selected').remove(); // remove the last selected
  </code></pre>
  
  <p>Actually I dont want to repeat the selected option from parent in the cloned select box</p>