jQuery balloons
===

Does anyone know if you can use a jQuery balloon on a text input that is contained on a jQuery modal dialog?

    <div id="dlg-clock_in_out">
      <section class="roundbox-sml" style="padding:5px; 5px;">
        <input type="hidden" name="empid" id="empid" value="" />
        <div style="width:100%; text-align:center;">
          <label for="pin">PIN: </label><input type="password" name="pin" id="pin" maxlength="4" size="5" value="" />
        </div>
        <div id="login-btns-wrapper">
          <input type="button" id="loginSubmit" class="buttons roundbox-sml" value="<?=$btn_text?>" />
          <input type="button" class="buttons roundbox-sml" name="loginCancel" id="loginCancel" value="Cancel" />
        </div>
      </section>
    </div>

    <script type="text/javascript">
      $('#pin').keypress(function(e) {
        if(check_pin_chars(String.fromCharCode(e.which))) {
          $(this).val('');
          $(this).balloon({
            position     : "top right",
            showDuration : 125,
            minLifetime  : 2000,
            tipSize      : 4
         });

         $(this).showBalloon();
       }
    });
</script>

And the jquery I want to use when this modal dialog is shown is supposed to put a balloon next to the input field, but I don't know if a balloon can exist on an element residing in a jquery modal dialog.

Does anyone know if this is possible? I know how to do it for a standard form input element. It's just not showing up on my modal dialog.

Thanks.