title: Jquery, Unable to Remove cloned element
body: <p>When I try to use clone method in my jquery code, I face some issues in it.
  I listed it here what I want and what I issue I face.</p>
  
  <p>First Of All let me tell what I want, I want that when I click on add button, my code should clone give id's element with data with remove button. (<strong><a href="http://jsfiddle.net/tutorialdrive/6Nybc/" rel="nofollow">JS Fiddle</a></strong>)</p>
  
  <p><strong>Here Is My Code : HTML</strong></p>
  
  <pre><code>&lt;table class="cloneelementtable"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div class="priceandsize1row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize2row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize3row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize4row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize5row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td id="divaddmore"&gt;
              &lt;div class="priceandsize6to9row" id="todoclone"&gt;
                  &lt;img src="http://cdn2.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_01.gif" width="30" height="30"&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize10row"&gt;
                  &lt;div class="tablecolorgrey"&gt;B&lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;div id="showsizeheader"&gt;
              &lt;td id="tdhide1" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="16"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide2" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="17"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide3" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="18"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide4" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="19"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide5" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="20"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide6" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="21"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide7" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="22"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide8" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="23"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide9" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="24"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide10" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="25"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide11" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="26"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide12" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="27"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide13" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="28"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide14" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="29"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide15" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="30"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide16" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="31"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide17" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="32"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/div&gt;
          &lt;td&gt;
              &lt;div class="priceandsize10row"&gt;
                  &lt;div class="tablecolorgrey"&gt;140&lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize11row"&gt;
                  &lt;div class="tablecolorgrey"&gt;$4815.00&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize11row" id="showsize"&gt;
                  &lt;img id="showimg" src="images/img_click_moresizes.jpg" width="35" height="30"&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="cloneelement"&gt;
          &lt;td&gt;
              &lt;div class="priceandsize1row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize2row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize3row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize4row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize5row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize6to9row" id="toremoveclone"&gt;
                  &lt;img src="http://cdn2.iconfinder.com/data/icons/32pxmania/buttons_21.png" width="30" height="30"&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize10row"&gt;
                  &lt;div class="tablecolorgrey"&gt;B&lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsizeinputsrow"&gt;
                  &lt;div class="aviailableinput"&gt;
                      &lt;input name="" type="text" placeholder="15"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;div id="showsizeheader"&gt;
              &lt;td id="tdhide1" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="16"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide2" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="17"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide3" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="18"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide4" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="19"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide5" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="20"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide6" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="21"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide7" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="22"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide8" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="23"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide9" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="24"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide10" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="25"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide11" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="26"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide12" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="27"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide13" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="28"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide14" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="29"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide15" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="30"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide16" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="31"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td id="tdhide17" style="display:none;"&gt;
                  &lt;div class="priceandsizeinputsrow"&gt;
                      &lt;div class="aviailableinput"&gt;
                          &lt;input name="" type="text" placeholder="32"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/div&gt;
          &lt;td&gt;
              &lt;div class="priceandsize10row"&gt;
                  &lt;div class="tablecolorgrey"&gt;140&lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;div class="priceandsize11row"&gt;
                  &lt;div class="tablecolorgrey"&gt;$4815.00&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Code Here : JQ</strong></p>
  
  <pre><code>var id = 0;
  $(document).ready(function () {
      $('#todoclone').click(function () {
          $('#cloneelement').clone().appendTo(".cloneelementtable");
          id++;
      });
  
      /*$('#toremoveclone').click(function() {
                 $('#cloneelement').closest('#cloneelement').fadeOut("slow", function(){
               $(this).remove();
                });
              });*/
      $("#toremoveclone").click(function () {
          console.log(id);
          if (id &gt; 1) { //Only apply if the lang field is more than 1
              id = id - 1;
              $("#cloneelement:last").remove();
              console.log(id);
          }
      });
  });
  </code></pre>
  
  <p>I do some search on that and made code like that (<strong>Code here : <a href="http://jsfiddle.net/tutorialdrive/6Nybc/" rel="nofollow">JS Fiddle</a></strong>) </p>
  
  <p>But there are some problem in code, (listed below)
  1] I'm unable to remove cloned element, I need to clone it atlist 3 time and after that its only remove once when I click on first minus icon. After that I can't remove more.</p>
  
  <p>Can anyone tell me what to do for solve this kind of problem ?</p>
  
  <p>i.e. Click on Plus button for clone and click on remove button for remove clone.</p>