title: How to use spin.js instead of a animated gif
body: <p>I am just looking for a bit of instruction really. I am very new to JQuery, so it's all a bit hazy.<br>
  However, I have a form "processing" div that shows <a href="https://stackoverflow.com/questions/9934803/show-div-upon-form-submit-works-in-chrome-ff-ie-but-not-safari">somewhat</a> when a form has been submitted.</p>
  
  <p>At the moment I have a simple div with a animated gif to visually show its sending.</p>
  
  <pre><code>&lt;div id="loading"&gt;Please wait, your news is being submitted...
  &lt;img src="/-/images/addwalk-loader.gif"/&gt;
  </code></pre>
  
  <p></p>
  
  <p>Ideally, I would like to replace the animated gif with a spinner created through spin.js, as I am aware that animated gifs do not continue to animate on IE once the form has been sent.</p>
  
  <p>The only problem is, looking through the documentation, I am a bit unsure as to how I would implement it. Any pointers would be greatly appreciated! Thanks!</p>