title: jquery-ui dialog problem with .live
body: <p>I'm currently loading data from a mysql db - if a certain condition is met, a volunteer button is displayed.  When the button is clicked I want to display a dialog box, and a php file is called to populate the box.  First I initialize the dialog:</p>
  
  <pre><code>$(document).ready(function() {
      $("#chaincrewDialog").dialog({ autoOpen: false });
  });
  </code></pre>
  
  <p>Here is how I'm calling the dialog box:</p>
  
  <pre><code>    $('.volunteer').live("click", function(){
              // this gets the game number from the table to pass to the php file
              var gameno=$(this).parent('td').prev("td").prev("td").prev("td").prev("td").prev("td").html();
             $('#chaincrewDialog').dialog('open').load("popup.php?gameno="+gameno);
  });
  </code></pre>
  
  <p>My click button works fine, and there are no js or firebug error messages.  My dialog is called with the following parameters:</p>
  
  <pre><code> $(function() {
    $('#chaincrewDialog').dialog({
              resizable: true,
  
      autoOpen:   false,
      resizable:  false,
      modal:      true,
              dialogClass: 'flora',
              title: 'Volunteer',
              overlay: {
          opacity: 0.5,
          background: "#A8A8A8"
      },
      height: 600,
      width: 700,
              buttons: {
                      'Close': function() {
                      $(this).dialog('remove')
                      }
              }
  });
  </code></pre>
  
  <p>I'm sure I'm missing something easy, but I can't get my dialog to even display....</p>