cannot remove dialog2 from the html

[JiaxinWang]

I developed a issue panel, when i click a button on the panel it pops out a dialog to show some information of the issue.  When i click close button, the dialog closes. 

But if i use the AJS.dialog2("#demo-dialog").hide() method,  the dialog just hides from the panel. When i switch the issue,  a new dialog html rendered. Then they conflict with each other.

But if i  use the AJS.dialog2("#demo-dialog").remove() method,  the dialog is removed from the DOM thoroughly. If i click the show button in the same issue, the dialog won't show again.

You can see the code in the attach.