About using a button in a JQuery-Ui dialog

About using a button in a JQuery-Ui dialog

I have added a button called Confirm to this JQuery-UI dialog called dlgPassage by adding it in this way
 <a href="#" id="btnConfirm">Confirm</a>.

It's also possible to add a button in this way
I wonder which of these two ways to add abutton is the prefered way ?
$('#dlgPassage ').dialog({
 ... 
 ... 

 ...  buttons: { "Confirm": function () { Click_btnConfirm() } }  });
<div id="dlgPassage" title="Passage" style="display:none">
     <table>
         <tr><td>Opening</td></tr>
         <tr>
            <td>
               <input type="text" id="openStart" size="19"/>
               <img src="images/cal.gif" alt="" onclick="javascript:NewCssCal('openStart','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>
            </td>

            <td>&nbsp;</td>

            <td>
               <input type="text" id="openEnd" size="19"/>
               <img src="images/cal.gif" alt="" onclick="javascript:NewCssCal('openEnd','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>
            </td>
          
         </tr>
         <tr><td>&nbsp;</td></tr>
         <tr><td>Passage</td></tr>
         <tr>
            <td>
               <input type="text" id="passageStart" size="19"/>
               <img src="images/cal.gif" alt="" onclick="javascript:NewCssCal('passageStart','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>
            </td>
            <td>&nbsp</td>
            <td>
               <input type="text" id="passageEnd" size="19"/>
               <img src="images/cal.gif" alt="" onclick="javascript:NewCssCal('passageEnd','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>
            </td>
         </tr>

         <tr><td>&nbsp;</td></tr>
         <tr><td>Closing</td></tr>
         <tr>
            <td>
               <input type="text" id="closeStart" size="19"/>
               <img src="images/cal.gif"  alt="" onclick="javascript:NewCssCal('closeStart','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>
            </td>
            <td>&nbsp</td>
            <td>
               <input type="text" id="closeEnd" size="19"/>
               <img src="images/cal.gif" alt="" onclick="javascript:NewCssCal('closeEnd','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>
            </td>
          
         </tr>

       </table>
       <a href="#" id="btnConfirm">Confirm</a>
    </div>

//Tony