title: The .css() style before the backbone fetch does not work-Jquery
body: <p>I'm trying to show a loading icon on click of a link, so that the users are aware that the app is loading. I'm applying it this way:</p>
  
  <pre><code>var list = new List();
  $("#link").on("click",function(){
     $("#cont").css("opacity", 0.4); // to grey out the background area
     $("#loading").css({"display": "block"});
     list.fetch({
         //do something here
      });
   }
  </code></pre>
  
  <p>fiddle: <a href="http://jsfiddle.net/dfvxg5qz/1/" rel="nofollow noreferrer">http://jsfiddle.net/dfvxg5qz/1/</a></p>
  
  <p>However, the page does not show the loading icon nor does it grey out as per the opacity style. I debugged to see where was the issue, I found out that only when i try to fetch something the .css() property does not get applied, else if i just render a page or do a backbone save, the .css property is applied and shoes the loading icon.
  I'm not sure whats going on, or if there is any other way I can show the loading sign on click before the fetch happens.
  i found a question on the stackoverflow very similar to what im facing:</p>
  
  <p><a href="https://stackoverflow.com/questions/30605287/backbone-model-fetch-steps-on-loading-indicator-in-chrome-ie">Backbone Model fetch steps on loading indicator in Chrome &amp; IE</a></p>
  
  <p>but doesnt look like its been solved, so still stuck at that...
  Any ideas how to achieve this??
  Thanks~</p>