title: jQuery UI Dialog pass on variables
body: <p>I'm creating a Web interface for a table in Mysql and want to use jQuery dialog for input and edit. I have the following code to start from:</p>
  
  <pre><code>    $("#content_new").dialog({
      autoOpen: false,
      height: 350,
      width: 300,
      modal: true,
      buttons: {
          'Create an account': function() {
              alert('add this product');
          },
          Cancel: function() {
              $(this).dialog('close');
              $.validationEngine.closePrompt(".formError",true);
          }
      },
      closeText: "Sluiten",
      title: "Voeg een nieuw product toe",
      open: function(ev, ui) { /* get the id and fill in the boxes */ },
      close: function(ev, ui) { $.validationEngine.closePrompt(".formError",true); }
  });
  $("#newproduct").click(function(){
      $("#content_new").dialog('open');
  });
  $(".editproduct").click(function(){
      var test = this.id;
      alert("id = " + test);
  });
  </code></pre>
  
  <p>So when a link with the class 'editproduct' is clicked it gets the id from that product and I want it to get to the open function of my dialog.</p>
  
  <p>Am I on the right track and can someone help me getting that variable there.</p>
  
  <p>Thanks in advance.</p>