title: Semantic-UI, Uncaught TypeError: $(...).modal is not a function
body: <p>Can anyone figure this out, I can't get the modal to work. Browser console shows this error: <code>Uncaught TypeError: $(...).modal is not a function</code></p>
  
  <p>I tried uncommenting <code>Query.noConflict();</code> and <code>jQuery(function($){}</code>, but it's not making any difference.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" class="ui" href="http://oss.maxcdn.com/semantic-ui/2.0.4/components/modal.min.css"&gt;
          &lt;link rel="stylesheet" type="text/css" class="ui" href="http://oss.maxcdn.com/semantic-ui/2.0.4/components/button.min.css"&gt;
  
          &lt;script src="http://code.jquery.com/jquery-1.11.3.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt; 
  
      &lt;body&gt;
          &lt;button class="ui button"&gt;Test&lt;/button&gt;
  
          &lt;div class="ui modal my-dialog"&gt;
            &lt;i class="close icon"&gt;&lt;/i&gt;
            &lt;div class="content"&gt;
              &lt;div class="description"&gt;
                &lt;div class="ui header"&gt;Text stuff here.&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="actions"&gt;
              &lt;div class="ui black deny button"&gt;
                Nope
              &lt;/div&gt;
              &lt;div class="ui positive right labeled icon button"&gt;
                Yep, that's me
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;script&gt;
              $( document ).ready(function() {
                  console.log( "document loaded" );
                  // jQuery.noConflict();
  
                  // Your jQuery code here, using the $
                  // jQuery(function($){                  
                      $('.ui.modal.my-dialog')
                          .modal('show');
                  // });              
              });                         
          &lt;/script
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>