title: jQuery append to the closest element as I unhide
body: <p>Hi i have jQuery function which shows the first three elements that have been ticked and hides the rest. I have a function that un hides the checkboxes one at a time by the click of the add button. </p>
  
  <p>I want to take this one step closer, originally I had a static remove button however now I want to have this "remove button" append with jQuery as I only want this button to be visible if a user has clicked add and it removes the corresponding tr. </p>
  
  <p>I have the code to remove just not to append it seems to add it to all the rows which is obvious as I have referred to a class. rather than somewhere specific but I am unsure of how I should implement this. </p>
  
  <p>any help will be very much welcomed!</p>
  
  <p>My code is below or view a <a href="http://jsfiddle.net/gutigrewal90/HCRmQ/1/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>  $("#add").click(function () {
          $(".contact_numbers:hidden:first").fadeIn("slow");
          $( ".contact_numbers" ).append( "&lt;a href='#' class='remove'&gt;Remove&lt;/a&gt;");
      });
  </code></pre>