How to make a table row fadeOut on a table full of rows
<p>Hey guys so I have a list populated by php and here is the layout:</p>

<pre><code>&lt;table&gt;
     &lt;tr&gt;
        &lt;td&gt;
        ....
        &lt;td&gt;

    &lt;/tr&gt;

    &lt;tr class='firsttr' style='background:gray;'&gt;
     &lt;td&gt;Remove selected&lt;/td&gt;
     &lt;td&gt;First Name &lt;/td&gt;
     &lt;td&gt;Last Name &lt;/td&gt;
     &lt;td&gt;Email &lt;/td&gt;
     &lt;td&gt;Phone &lt;/td&gt;
     &lt;td&gt;Username &lt;/td&gt;
     &lt;td&gt;Password &lt;/td&gt;
     &lt;td&gt;Status &lt;/td&gt;
     &lt;td&gt;Status Change Date&lt;/td&gt;
     &lt;td&gt;#&lt;/td&gt;
    &lt;/tr&gt;


       &lt;tr class='search-fade'&gt; &lt;!-- this is the part that I need to fade out based on which button was clicked for that user. --&gt;
              &lt;td&gt;
        &lt;input type='button' value='Remove employee'  name='cancelmember' class='cancelmember' /&gt;
      &lt;/td&gt;
        //....table data    
               &lt;td&gt;
               $csvusername
    &lt;input type='hidden' value='$csvusername'  name='username' class='removeemp-user'/&gt;
    &lt;/td&gt;                           
          &lt;/tr&gt;                         
&lt;/table&gt;
</code></pre>

<p>Here is my Jquery:</p>

<pre><code>$(".cancelmember").click(function () {
        remove_name = $(this).parent().parent().find(".removeemp-user");


        $.ajax({
        type: "POST",
        dataType: "json",
        url: '/pcg/removemem.php',
        data: {
            'username': remove_name.val()
        },
        success: function(){
            alert("Employee Removed"),
            $(this).find(".search-fade").fadeOut()
        }
      });
    });
</code></pre>

<p>This above code works great I just can't figure out how to fade out the <code>&lt;tr class='search-fade'&gt;</code>  If you could give me a hand I would appreciate it!</p>

<p>David</p>
