title: Show loading spinner image in jQuery UI modal box while loading external page
body: <p>I have this modal window:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="showEvents"&gt;&lt;canvas id="event" width="32" height="32"&gt;&lt;/canvas&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function () {
       var dialog1 = $('&lt;div&gt;').dialog({ autoOpen: false,modal:true,
       height: 400,
       width: 450
      });
      $('#showEvents').click(function () {
          dialog1.load('../Lists/Event.aspx').dialog('open');
      });
  });
  </code></pre>
  
  <p>now I want to show a spinner while loading. I found <a href="https://stackoverflow.com/questions/68485/how-to-show-loading-spinner-in-jquery">this</a> question but I don't know where should I put my spinner image?</p>