title: Semantic UI calendar
body: <p>A very simple code for the semantic ui calendar but the calendar doesnt appear. Can someone please explain why.</p>
  
  <pre><code> &lt;div&gt;
          &lt;br/&gt;
          &lt;h2 class="ui header"&gt;
          &lt;i class="calendar icon"&gt;&lt;/i&gt;
            &lt;div class="content"&gt; 
              Set Lifetime of Form 
            &lt;/div&gt;
          &lt;/h2&gt;
  
          &lt;select class="ui selection dropdown"&gt;
               &lt;option value=""&gt;Choose Application Form Type&lt;/option&gt;
               &lt;option value="1"&gt;Application Form 1&lt;/option&gt;
               &lt;option value="0"&gt;Application Form 2&lt;/option&gt;
          &lt;/select&gt;
          &lt;br/&gt;
  
        &lt;div class="ui calendar" id="example1"&gt;
          &lt;div class="ui input left icon"&gt;
            &lt;i class="calendar icon"&gt;&lt;/i&gt;
            &lt;input type="text" placeholder="Date/Time"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
          $('#example1').calendar();
      &lt;/script&gt;
  </code></pre>