[solved] calling the same dialog fn twice

[solved] calling the same dialog fn twice

Hi, I have 2 buttons which when I click open a dialog box in jquery. heres what I did,

<html>
  <head>
    <title></title>
      <link type="text/css" href="css/mint-choc/jquery-ui-1.7.1.custom.css" rel="stylesheet"/>   
      <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
      <script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>
       <script type="text/javascript">
      $(function() {
         $("#datepicker").datepicker();
         $("#b1").click(function(){
           $("#para").dialog().dialog('open');
         });
         
         $("#b2").click(function(){
           $("#para").dialog();
         });
      });
   </script>
    <style></style>
  </head>
  <body>
<div class="demo">
<p> b1:<input type="button" id="b1" value=" bond1 "/></p>
<p> b2:<input type="button" id="b2" value=" b2 "/></p>
<p>Date: <input id="datepicker" type="text"></p>

</div>
<div id="para" style="display : none; font-size : 16px" class="demo-description" title="Chat with AG" >

<form action="">
<p><input type="textarea" title="conversation" cols="15" /> </p>
<p><input type="text"/> </p>
<p><input type="submit" value="send" />
</form>
</div><!-- End demo-description -->

</body>
</html>


But clicking b1or b2 is opening a single dialog only( ie if the dialog is already opened by b1, clicking on b2 is not opening a new dialog) What can I do to open two seperate dialog box's (contains the same <div> ) with 2 buttons??
Any Idea... [/code]