title: JQuery ajax for pdf loading in object tag
body: <p>I'm embedding a PDF in a web page with the following html</p>
  
  <pre><code>   &lt;object id="pdf" classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="1024"
          height="600"&gt;
          &lt;param name="SRC" value="/GetDoc.ashx?SOID=&lt;%=Html.Encode(Model.OrderID)%&gt;" /&gt;
          &lt;embed src="/GetDoc.ashx?SOID=&lt;%=Html.Encode(Model.OrderID)%&gt;  "
              width="1024" height="600"&gt;                          
      &lt;/embed&gt;
      &lt;/object&gt;
  </code></pre>
  
  <p>The PDF's can be a little slow to load so I'd like to hide the object and display a loading message / gif until it's fully loaded so the user isn't looking at a blank screen.</p>
  
  <p>can someone suggest a way to do this using jquery ajax</p>