title: Failed to Execute querySelectorAll on Document. How to fix?
body: <p><strong>What I'm doing:</strong></p>
  
  <p>I have links generated from a PHP array which produce it's own unique ID which should point to it's own modal (popup window) div which has a matching ID to the link ID. The modals are also auto generated using a PHP array. I am receiving this error, which I am very unfamiliar with (noob). Not sure how to fix. The modal isn't working and I am using Foundation 5's reveal plugin. </p>
  
  <p><strong>PHP LINK ARRAY:</strong></p>
  
  <pre><code>          //more code above 
  
                if ($track-&gt;lyrics != null) { // If lyrics field isn't empty
                    $html .= '&lt;a href="#" class="lyricCLicked" data-reveal-id="' . $track-&gt;id . '"&gt;Lyrics&lt;/a&gt;';                                                                                       
                    $numTracksContainingLyrics++;  
                    foreach ($track as $value) {
                       $lyricsArray[$track-&gt;id] = $track-&gt;lyrics;
                     } 
          } 
  </code></pre>
  
  <p><strong>MODAL DIV ARRAY</strong></p>
  
  <pre><code>foreach ($lyricsArray as $key =&gt; $value) {
  $lyricModal = '&lt;div id="' . $key .'" class="reveal-modal" data-reveal&gt;';
  $lyricModal .= $value;
  $lyricModal .= '&lt;a class="close-reveal-modal"&gt;&amp;#215;&lt;/a&gt;';
  $lyricModal .= '&lt;/div&gt;';
  
  echo $lyricModal; 
  </code></pre>
  
  <p>}   </p>
  
  <p>The Results are being written to HTML source. So, the arrays are working and generating. It's just giving me this "<strong><em>Failed to Execute querySelectorALl on Document : #1042 is not a valid selector</em></strong>.   By the way, "1042" is one of the unique IDs being generated in case you were wondering. </p>