SUI - Toggle Active Dimer

Toggle dimmer when dimmer is initially active

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<h2 class="ui dividing header">
    Fork this jsfiddle 
    <div class="sub header">By hitting the button above in the blue menu</div>
</h2>

<p>Then delete this HTML and add your own in this box</p>


<div class="ui active inverted page dimmer" id="app-loader">
    <div class="ui large text loader">Loading app...</div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

// Typically in a framework hook for "ready" status
$(function(){
    var $loader = $('#app-loader');
     $loader.dimmer('show'); // needed to "initialize" the dimmer.?.
    $loader.dimmer('hide');
});