Plugin Stoped working with JQuery 1.9.1
<p>Some time ago I created a Balloon plugin using JQuery 1.8.3.</p>

<p>When I updated from JQuery 1.8.3 to JQuery 1.9.1 my plugin stoped working.</p>

<p>The balloons do not show anymore. I went back to 1.8.3 and it works.</p>

<p>I tried to understand what might be wrong but I can't find it.</p>

<p>Could someone, please, help me out? This is my code:</p>

<pre><code>    (function ($) {
      $.fn.Balloon = function (options) {
    var defaults = {
          balloon: "",
          class: "Balloon",
          click: false,
          id: "Balloon",
          sensible: false,
          x: -4,
          y: -40
        };
        var options = $.extend({}, defaults, options);
        var balloon;
        $(this).each(function () {
          var title = $(this).attr("title");
          if (title == undefined) return;
          $(this).hover(function (e) {
            $(this).removeAttr("title")
            balloon = "&lt;div id='{id}' class='{class}'&gt;&lt;span class='Text'&gt;{content}&lt;/span&gt;&lt;span class='Background'&gt;&lt;/span&gt;&lt;/div&gt;"
            if (options.balloon == "") {
              balloon = balloon.replace("{class}", options.class).replace("{id}", options.id).replace("{content}", title);
            } else {
              balloon = balloon.replace("{class}", options.class).replace("{id}", options.id).replace("{content}", options.balloon).replace("{title}", title);
            }
            $("body").append(balloon);
            $("#" + options.id).fadeIn("fast");
          },
          function () {
            $("#" + options.id).remove();
            $(this).attr("title", title);
          });
          $(this).mousedown(function (e) {
            if (options.click) {
              $("#" + options.id).remove();
              $(this).attr("title", title);
            }
          }),
          $(this).mousemove(function (e) {
            var x = e.pageX + options.x;
            var y = e.pageY + options.y;
            if (options.sensible) {
              var width = $("#" + options.id).width();
              var height = $("#" + options.id).height();
              var right = $(window).width() - (x + width);
              var bottom = $(window).height() - (y + height);
              if (right &lt; 20) {
                x = e.pageX - width - options.x;
              }
              if (bottom &lt; 20) {
                y = e.pageY - height - options.y;
              }
            }
            $("#" + options.id).css({ top: y, left: x });
          }); // Mouse Move
        }); // Balloon
      };
    })(jQuery);
</code></pre>

<p>Thank You,
Miguel</p>
