title: Refreshing Jquery dialog content + JSF
body: <p>I need to display a table of records where on each row, there is an anchor tag clicking on which will open a Jquery dialog box. When I click on the link of each row, the dialog bog opens successfully (Currently, I have two rows and have hardcoded the ids of the anchor and div tags which I need to make them dynamic). Anyways, once the dialog opens, I have the option to uncheck and check certain check boxes and I make some updates. The updates should be getting reflected on the parent window which happens fine. However, when I open the dialog again, it opens with the initial data before making the updates instead of showing the dialog refreshed with the updates made.Also, it started throwing error messages saying "cannot call methods on dialog prior to initialization; attempted to call method 'close'"</p>
  
  <pre><code>  $("#vendoradmin-artnodesearch-popup-0").dialog(opt).dialog("open");});
  
   $("#vendoradmin-artnodesearch-popup-0").dialog(
                 {
                  autoOpen : false,
                  modal : false,
                  resizable : false,
                  height : 500,
                  width : 750,
                  buttons : [{
                  text: "Submit", 
                  click : function() {
                      var selNodes = "";
                    $('#artNodeAvailListId-0 input:checkbox:checked').each(
                       function() {
                          selNodes += $(this).val() + ",";
                        });
  
  
                    $("#frmAssignArticleHierarchy\\:hdnArticleNodeIds").attr("value",
                    selNodes);
                       frmAssignArticleHierarchy["frmAssignArticleHierarchy:btnRefreshArticleFilter"]
                   .click();
  
                    $(this).dialog("close");
                   }
               }]
           });
         };
  </code></pre>
  
  <p>Any help on this would be much appreciated.</p>