How to reindex/modify name of properties while copy using jquery
<p>I have to copy set of properties if the user clicks on <code>addFilter</code>. Then same set of properties should be displayed up with default criteria. </p>

<p>How to reindex/modify name of properties while copy using jquery? I tried this, but, I am not able to reindex the property name.</p>

<p>Below is the code:</p>

<pre><code>&lt;tr&gt;
   &lt;td id="filters"&gt;
      &lt;s:iterator id="filterCondtion" status="status"
              value="filterCondtion"&gt;
        &lt;s:select cssClass="drop"
             name="filterCondtion[%{#status.index}].attributeName"
             list="#actPropertyInfo.lstEntities" listKey="code"
             listValue="value"&gt;
        &lt;/s:select&gt; &amp;nbsp; 

        &lt;s:select cssClass="drop"
             name="filterCondtion[%{#status.index}].filterOption"
             list="#actFilOption.lstEntities" listKey="code" listValue="value"&gt;
        &lt;/s:select&gt;
                    &amp;nbsp; &lt;s:textfield
                    name="filterCondtion[%{#status.index}].attributeValue" 
                    cssClass="textbx" /&gt;&amp;nbsp;

     &lt;/s:iterator&gt;
     &lt;div id="filteredTable"&gt;&lt;/div&gt;
   &lt;/td&gt;
   &lt;td&gt;&amp;nbsp; &lt;a href="#" id="addFltr"&gt;&lt;strong&gt;
              &lt;s:text name="common.addFilter" /&gt;
          &lt;/strong&gt;&lt;/a&gt;
          &lt;s:submit cssClass="btn" name="button.find" key="button.find" /&gt;
          &lt;input type="reset" value="&lt;s:text name="button.reset"/&gt;" class=btn /&gt;
   &lt;/td&gt;
&lt;/tr&gt;


&lt;script type="text/javascript"&gt;&lt;!--
$(document).ready(function(){
  $('#addFltr').click(function(){
 $('#filteredTable').prepend($('#filters').clone().attr("id","remove"));  
    });
});
--&gt;&lt;/script&gt;
</code></pre>
