title: Wait until dynamically added CSS file loads before performing action
body: <p>I'm using this code to dynamically load an external css file, however I would like to wait until the css loads before performing another action, eg like showing some HTML.</p>
  
  <pre><code>$(document).on('click', '#game', function(e){   
      $('&lt;link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" &gt;')
         .appendTo("head");
  });
  </code></pre>
  
  <p>How can I do this?</p>