title: Bootstrap open 2 different modal dialogs same page
body: <p>I have a page where I want to launch 2 different modal windows. One for creating new users and one for editing existing users.</p>
  
  <p>I show existing users in a clickable table and link to my modal <code>#edit</code> like this:</p>
  
  <pre><code>&lt;tr  data-id="&lt;?php echo $value['id'];?&gt;" data-toggle="modal" data-target="#edit" class="open-edit"&gt;
  </code></pre>
  
  <p>This opens my Bootstrap modal dialog:</p>
  
  <pre><code>&lt;div class="modal fade" id="edit"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&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; 
  I ommited the rest of the code.. I grab this modal on its id="edit".
  </code></pre>
  
  <p>This works like I want - when clicking on the table entry, the modal dialog gets opened with a form I created.</p>
  
  <p>Now I created an exact copy of this modal dialog, only changed the <code>id="edit"</code> to <code>id="create"</code> and created this button:</p>
  
  <pre><code>&lt;button class="btn btn-primary btn-me" data-toggle="modal" data-target="#create" &gt;Create user&lt;i class="fa fa-arrow-circle-right"&gt;&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I would think that it would now simply open my second modal dialog named <code>#create</code>, but instead it blanks out the screen, like when a modal dialog shows - but without showing any modal window/dialog.</p>
  
  <p>Can anyone help me understand why this is happending or what I am doing wrong?</p>