title: cloning a select list which is dynamically created
body: <p>My requirement is to clone the selectbox (where option are dynamic populated ).
  I am trying to use the solution at - 
  <a href="https://stackoverflow.com/questions/6198175/jquery-remove-add-select-options-after-cloning-select-list">jquery remove/add select options after cloning select list</a></p>
  
  <p>My view codes is- </p>
  
  <pre><code>&lt;tr&gt; &lt;td&gt;Reference Table:&lt;/td&gt;
  &lt;td&gt;&lt;g:select name="tableCombo"
              noSelection="${['':message(code:'Select Table')]}"
              from="${result}" value="${tableName }" onchange="${remoteFunction(action:'getColumns', update:'columns', params:'\'tableCombo=\' + this.value')}"/&gt; &lt;/td&gt;&lt;/tr&gt;
  &lt;tr id ="cons"&gt;&lt;td nowrap&gt;Constraint On:&lt;/td&gt;
          &lt;td nowrap&gt;&lt;g:select name="columns" from="[]" /&gt;&lt;/td&gt;
          &lt;td nowrap&gt;Constraint Value:&lt;/td&gt;
          &lt;td nowrap&gt;&lt;g:textField name="columnValue" value="${enterVal }" /&gt;                  
  &lt;a id="clone" &gt;Clone&lt;/a&gt;  ///how to call clone 
  </code></pre>
  
  <p>I am new to jquery so Kindly suggest how to do it.
  want to clone  cons  on click.</p>
  
  <p>thanks.</p>