title: Bootstrap modal not working with codeigniter form_open()
body: <p>Bootstrap Modal code </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Signup Modal --&gt;
  &lt;div class="modal fade" id="signUpForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
    &lt;div class="modal-dialog modal-sm"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;span class="sr-only"&gt;Close&lt;/span&gt;
          &lt;/button&gt;
          &lt;h3 class="modal-title" id="myModalLabel"&gt;Please Sing Up&lt;/h3&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;?php echo form_open('Registration')?&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="login-email" class="control-label"&gt;Email:&lt;/label&gt;
            &lt;input type="text" class="form-control" name="login-email" id="login-email"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="username" class="control-label"&gt;Username:&lt;/label&gt;
            &lt;input type="text" class="form-control" name="username" id="username"&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="password" class="control-label"&gt;Password:&lt;/label&gt;
            &lt;input type="password" class="form-control" name="password" id="password"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="modal-footer"&gt;
          &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
          &lt;button type="submit" class="btn btn-primary"&gt;Signup&lt;/button&gt;
        &lt;/div&gt;
        &lt;?php echo form_close()?&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  
  And I have controller named Registration. when I click on button to launch the modal nothing happens. Button code that launches the modal.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button type="button" class="btn btn-primary" data-toggle="modal" data-target="#signUpForm"&gt;Signup
  &lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>