title: bootstrap-modal doesn't show the dialog
body: <p>I'm using bootstrap in rails application. I tried to show dialog box using bootstrap-modal, but the dialog box doesn't come for me. Here is my view code.</p>
  
  <pre><code>&lt;div id="creative_attachment_popup" class="modal hide fade" role="dialog"&gt;
    &lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
      &lt;h3&gt;Modal header&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
      &lt;p&gt;Do you eant to continue../p&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
      &lt;a href="#" class="btn"&gt;Close&lt;/a&gt;
      &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And simply, I call the js file as </p>
  
  <pre><code> $('#creative_attachment_popup').modal('show');
  </code></pre>
  
  <p>the above code shows only a fade page and dosn't contain any dialog. When I type the above js line in my console it shows the following:</p>
  
  <pre><code>&lt;div id=​"creative_attachment_popup" class=​"modal hide fade in ui-dialog-content ui-widget-content" role=​"dialog"&gt; &lt;h1 style=​"display:​ block;​" aria-hidden=​"false"&gt;​…​&lt;/div&gt;​
  </code></pre>
  
  <p>Refer the above code with my html. Why am I getting this?</p>