I have an HTML table generated by PHP querying from MySQL table.

Code:
    <table>
       <tr>
          <th>Sl</th>
          <th>ID</th>
          <th>Article Name</th>
          <th>Publish Status</th>
       </tr>
       <?php
          $i = 1;
          foreach ($obj->showAllFromTable('pattern') as $pattern) {
          extract($pattern);
          ?>
       <tr>
          <td><?php echo $i++; ?></td>
          <td><?php echo $id; ?></td>
          <td><?php echo $pattern_name; ?></td>
          <td id="publish_<?php echo $id; ?>" class="status_pattern">
             <?php echo $publish; ?>
          </td>
       </tr>
       <?php
          }           
          ?>
    </table>
I want to change the status of any article by clicking on the 'publish' cell of the corresponding article row. I am trying to use ajax method of jquery for this purpose as shown in the following:

Code:
    <script type="text/javascript">
    $(document).ready(function(){	
	$('.status_pattern').click(function(){
		var thisid = $(this).attr('id');
		
		$.ajax({
			url: "status_change_pattern.php",
			data: {
				id: thisid
			},
			success: function (response) {
				alert(response);
			}
		});
	});
    });
    </script>
In the "success" block, instead of "alert", I want to create a functionality to change the text of the specific cell which I clicked. The "status_change_pattern.php" has just a text "Hey Hey".
Can anyone help? Please.
Thanks.