title: Dialog doesn't "pop up" but redirects the entire page
body: <p>I am currently working on a calendar using the Fullcalendar jquery plugin.
  I need a dialog to be opened when you click an event.
  When I click an event on the calender for a split second I get the gray background you get when you open a dialog, then the dialog that is supposed to pop-up just clears the page and opens (so the calendar dissapears).
  I've been looking everwhere and I can't figure out what I'm doing wrong.</p>
  
  <p>This is my code for the clickevent :</p>
  
  <pre><code>eventClick: function (event) {
      if (event.url) {
          var page = event.url
          var title = "test"
          var $dialog = $('&lt;div&gt;&lt;/div&gt;')
              .html('&lt;iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"&gt;&lt;/iframe&gt;')
              .dialog({
                  autoOpen: false,
                  modal: true,
                  height: 300,
                  width: 600,
                  title: title,
                  position: "top"
              });
          $dialog.dialog('open');
      }
      return false
  }
  </code></pre>
  
  <p>EDIT : </p>
  
  <p>Appearantly it has something to do with the jquery version. 
  These are my imports : </p>
  
  <pre><code>&lt;link href='../../../Scripts/fullcalendar/fullcalendar.css' rel='stylesheet' /&gt;
  &lt;link href='../../../Scripts/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' /&gt;
  &lt;%--&lt;script src='../../../Scripts/jquery-1.9.1.min.js'&gt;&lt;/script&gt;--%&gt;
  &lt;%--&lt;script src='../../../Scripts/jquery-ui-1.10.2.custom.min.js'&gt;&lt;/script&gt;--%&gt;
  &lt;script src="../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="../../../Scripts/dialog/jquery.dialog.min.js" type="text/javascript"&gt;       &lt;/script&gt;
  &lt;script src='../../../Scripts/fullcalendar/fullcalendar.min.js'&gt;&lt;/script&gt;
  &lt;link href="../../../Scripts/dialog/css/ui-lightness/jquery.dialog.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>When I use the lower version of jquery the dialog works fine. I need the new version though to implement drag &amp; drop. 
  Been looking all day for a solution but can't find one. Any help would be greatly appreciated</p>
  
  <p>UPDATE:</p>
  
  <p>I have now imported jquery-migrate-1.2.0.js, and the dialog shows up. But now I'm having a new issue : The events in the calendar pop up on top of the dialog, after opening the dialog a couple of times it seems to fix itself. But it's still pretty annoying, right now I'm resolving it by hiding the calendar when the dialogs opens, but i'd like to have it shown in the background...</p>