Display jquery-ui-tooltip when jquery-validation detects form errors (almost there)

Display jquery-ui-tooltip when jquery-validation detects form errors (almost there)

I'm trying to display a jquery-ui tooltip when validation detects form errors. I can make it happen using the following code, but the effect is that a new tooltip gets created each time validation fails. Any idea how I can either tell ui-tooltip to reuse the existing tooltip OR tell validate to clean up the old tooltip first?

  1. $('form').validate({
  2.   errorPlacement: function(error, placement) {
  3.     var text = error.text();
  4.     placement.tooltip({
  5.       content: function(){ return text; }
  6.     }).tooltip('open');
  7.   }
  8. });

Also, any general tips or improvement suggestions welcomed.