title: Bootstrap 3 multiple Modal Issues
body: <p>I have a page that i would like to open in multiple modals.  I was able to have the modal appear for id="myModal"  which was the example im trying to replicate. I created the second one with id="redcarpet" and i cannot get the same window to popup. Im hoping someone can see an error in my code and can help me fix it.  </p>
  
  <pre><code>&lt;li class="dropdown"&gt;
                              &lt;a href="#" class="dropdown-toggle dropdown" data-toggle="dropdown" data-hover="dropdown"
                              data-delay="200" data-close-others="false"&gt;&lt;span style="color: black; font-family: 'Modern Regular';"&gt;PHOTOS&lt;/span&gt;&lt;/a&gt;
                              &lt;ul class="dropdown-menu"&gt;
                                  &lt;li&gt;
                                      &lt;a href="#redcarpet"&gt;Red Carpet&lt;/a&gt;
                                  &lt;/li&gt;
                                  &lt;li&gt;
                              &lt;a href="#" data-toggle="modal" data-target="#myModal"&gt;&lt;span style="color: black; font-family: 'Modern Regular';"&gt;LEAD&lt;/span&gt;&lt;/a&gt;
                          &lt;/li&gt;
  </code></pre>
  
  <p>
          
              
                  
                      
                          ×
                          2015 Awards
                      
                      
                          
                      
                  
              
              
          
          
          </p>
  
  <pre><code>        &lt;!-- red carpet Modal --&gt;
          &lt;!-- Modal --&gt;
      &lt;div class="modal modal-wide fade" id="redcarpet" tabindex="-1" role="dialog"
      aria-labelledby="redcarpetLabel" aria-hidden="true"&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;×&lt;/button&gt;
                      &lt;h4 class="modal-title" id="redcarpetLabel"&gt;2015 Awards&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;iframe src="redCarpet.html" width="580" height="780" frameborder="0"
                      allowtransparency="true"&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- /.modal-content --&gt;
      &lt;/div&gt;
      &lt;!-- /.modal-dialog --&gt;
      &lt;!-- /.modal --&gt;
  
  &lt;!-- Modal --&gt;
      &lt;div class="modal modal-wide fade" id="myModal" tabindex="-1" role="dialog"
      aria-labelledby="myModalLabel" aria-hidden="true"&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;×&lt;/button&gt;
                      &lt;h4 class="modal-title" id="myModalLabel"&gt;2015 Billboard Music Awards&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;iframe src="billboardmusicawards_lead.htm" width="580" height="780" frameborder="0"
                      allowtransparency="true"&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- /.modal-content --&gt;
      &lt;/div&gt;
      &lt;!-- /.modal-dialog --&gt;
      &lt;!-- /.modal --&gt;
  </code></pre>