i am trying to target 'clicked' element on successful Ajax return, when multiple elements have same class name.

  <td data-name='tom' class="status"><a href="">click</a></td>
  <td data-name='jack' class="status"><a href="">click</a></td>
  <td data-name='phil' class="status"><a href="">click</a></td>

I am able to target the clicked element using this.i.e:

  var name  =  $(this).attr("data-name");

I am however unclear how to target that same element on successful ajax return.

below is my ajax code example:

   $(".status").click(function(event){
            event.preventDefault();
            var name  =  $(this).attr("data-name");

            $.ajax({
                url: FORM_URL,
                type: "POST",
                data: {name:name},
                showLoader: true,
                cache: false,
                success: function(data){

                    var el = $(this)('.status');
                    el.empty();

                        el.append(
                            '<div class="status">' +
                            '<p>name changed</p>' +
                            '</div>'
                        )
                    }
                },
              
            });
            return false;
        });

The 'this' does not work on ajax success