title: Multiple jQuery on the same page
body: <p>I have just started to learn jQuery and I think I am getting the hang to it, except this issue. I have a page of comments the user would like to delete. I am used to doing something like this:</p>
  
  <pre><code>$(function() {
  
  $(".commentdeletebutton").click(function() {
  
  $.ajax({
    type: "POST",
    url: "http://myflashpics.com/process_deletecomment.php",
    data: $("#commentdeleteform").serialize(),
    success: function() {
  
      // Comment IDS are like this 'comment_123'
      var commentId  = $(comment_id).val();
      var commentDone = "comment_" + commentId;
      $(commentDone).fadeOut();
  
  
    }
   });
  return false;
  });
  });
  </code></pre>
  
  <p>But since there are multiple instances of IDs, it's not working and nothing is happening.</p>
  
  <p>Again, newbie here wondering what would be a better way to do this.</p>
  
  <p>Thanks<br>Coulton</p>