Two button for two dialog

Two button for two dialog

The function is one button opens dialog A, second button opens dialog B

  1.     $('#InputGoodsForm').click(function () {
  2.         $('#dialogInputGoodsForm').dialog('open');
  3.         $('#dialogInputGoodsForm').parent().appendTo($("form:first"));
  4.         return false;
  5.     });
  6.     $('#InputGoodsForm').button();

  7.     $('#ChooseQuotation').click(function () {
  8.         $('#dialogChooseQuotation').dialog('open');
  9.         $('#dialogChooseQuotation').parent().appendTo($("form:first"));
  10.         return false;
  11.     });
  12.     $('#ChooseQuotation').button();
And
  1.     $('#dialogInputGoodsForm').dialog({
  2.         draggable: false,
  3.         resizable: false,
  4.         autoOpen: false,
  5.         show: 'blind',
  6.         hide: 'explode',
  7.         modal: true,
  8.         width: 400
  9.     });
  10.     $('#dialogChooseQuotation').dialog({
  11.         draggable: false,
  12.         resizable: false,
  13.         autoOpen: false,
  14.         show: 'blind',
  15.         hide: 'explode',
  16.         modal: true,
  17.         width: 600
  18.     });
ASP.NET Button:
  1. <asp:Button ID="InputGoodsForm" runat="server" Text="我要輸入資料" />
  2. <asp:Button ID="ChooseQuotation" runat="server" Text="我要開始選擇"  />
When I first press "ChooseQuotation" is OK and re-press it similarly OK, then press "InputGoodsForm" also OK but if I press "ChooseQuotation" again the button can not be pressed, how can I fix it?

By the way, the dialog content is just ASP.NET button and textbox.