title: jQuery balloons
body: <p>Does anyone know if you can use a jQuery balloon on a text input that is contained on a jQuery modal dialog?</p>
  
  <pre><code>&lt;div id="dlg-clock_in_out"&gt;
    &lt;section class="roundbox-sml" style="padding:5px; 5px;"&gt;
      &lt;input type="hidden" name="empid" id="empid" value="" /&gt;
      &lt;div style="width:100%; text-align:center;"&gt;
        &lt;label for="pin"&gt;PIN: &lt;/label&gt;&lt;input type="password" name="pin" id="pin" maxlength="4" size="5" value="" /&gt;
      &lt;/div&gt;
      &lt;div id="login-btns-wrapper"&gt;
        &lt;input type="button" id="loginSubmit" class="buttons roundbox-sml" value="&lt;?=$btn_text?&gt;" /&gt;
        &lt;input type="button" class="buttons roundbox-sml" name="loginCancel" id="loginCancel" value="Cancel" /&gt;
      &lt;/div&gt;
    &lt;/section&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
    $('#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();
     }
  });
  </code></pre>
  
  <p></p>
  
  <p>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.</p>
  
  <p>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.</p>
  
  <p>Here's what I'm attempting to use to accomplish this. <a href="http://file.urin.take-uma.net/jquery.balloon.js-Demo.html" rel="nofollow">http://file.urin.take-uma.net/jquery.balloon.js-Demo.html</a></p>
  
  <p>Thanks.</p>