title: $this.attr() stops Jquery dialog from opening
body: <p>I am using the following code to post my form data to player/index.php and open it in a dialog. Because I have multiple of these forms in my table I need to use $(this).</p>
  
  <p>But now it doesn't open in a dialog.</p>
  
  <p>New code (doesn't open dialog but display data in url):</p>
  
  <pre><code>  $("#recordingdialog").dialog({
    //other options, width, height, etc...
       modal: true,
        bgiframe: true,
        autoOpen: false,
        height: 200,
        width: 350,
        draggable: true,
        resizeable: true,
        title: "Play Recording",});
  
  $(this).click(function() {
    $.post('player/index.php', $(this).attr('form').serialize(), function (data) {
         $("#recordingdialog").html(data).dialog("open");
    });
    return false;
  });
  </code></pre>
  
  <p>Old code (only works on one form):</p>
  
  <pre><code>      $("#recordingdialog").dialog({
    //other options, width, height, etc...
       modal: true,
        bgiframe: true,
        autoOpen: false,
        height: 550,
        width: 550,
        draggable: true,
        resizeable: true,
        title: "Play Recording",});
  
  
  $("#wavajax button").click(function() {
    $.post('player/index.php', $("#wavajax").serialize(), function (data) {
         $("#recordingdialog").html(data).dialog("open");
    });
    return false;
  });
  </code></pre>