title: Semantic UI modal content for non-javascript users
body: <p>I'm looking for a way to use Semantic UI modals in a progressively enhancement way - that is, if JavaScript is enabled, the modal will display on page load, but if JavaScript is not enabled, I want the content of the modal to display inline on the page.</p>
  
  <p>Right now I have the following:</p>
  
  <pre class="lang-js prettyprint-override"><code>$(function () {
  
    // http://semantic-ui.com/modules/modal.html
    $('.ui.modal.autoshow').modal('show');
  
  });
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;h1&gt;Something something something something darkside&lt;/h1&gt;
  
  &lt;div&gt;
    &lt;p&gt;whatever content here&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="ui autoshow modal"&gt;
    &lt;div class="header"&gt;Header&lt;/div&gt;
    &lt;div class="content"&gt;
      &lt;div class="ui tiny image"&gt;
        &lt;i class="massive icon user"&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;div class="description"&gt;
        &lt;div class="ui header"&gt;Title&lt;/div&gt;
        &lt;p&gt;Content&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="actions"&gt;
      &lt;button class="ui positive icon close button"&gt;
        &lt;i class="checkmark icon"&gt;&lt;/i&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is designed to automatically display the modal.</p>
  
  <p>I'm thinking it might be possible to replace the <code>modal</code> class in the source code with one called <code>becomes-modal</code>, then update the JavaScript to replace all instances of <code>becomes-modal</code> with <code>modal</code> as soon as the page loads, before any other JavaScript gets run, allowing for the above functionality to work.</p>
  
  <p>My reasoning is that if JavaScript is disabled, <code>becomes-modal</code> won't be swapped out for <code>modal</code>, meaning it won't be hidden by default, allowing for the content to display inline.</p>
  
  <p>The problem is, I'm not sure if this is the right approach, or how I would go about doing it.</p>