title: Use a modal with ID
body: <p>I want to pop a modal of a category I want to give the ID of that category so I can give the corresponding TOS with it. I have the code the only problem is that I get a grey are and the modal itself doesn't load, here is my code: </p>
  
  <pre><code> &lt;div class="hiddenCategories" style="display: none" id="category{{category.id}}"&gt;
  {%if category.getProvider%}&lt;p&gt;{{ 'webstoresettings.warning'|trans}}&lt;/p&gt;{%endif%}
   &lt;p&gt;{{category.getShortTermsOfService}}&lt;/p&gt; 
  &lt;p&gt;
  
  &lt;p&gt;
      &lt;input type="checkbox" id="tos{{category.id}}" /&gt;
      &lt;label for="tos{{category.id}}"&gt;{{ 'webstoresettings.confirm'|trans}} &lt;a href="#modal" data-target="modal"class="modal-trigger"&gt;{{ 'webstoresettings.tos'|trans}}&lt;/a&gt; (click to read)&lt;/label&gt;
  &lt;/p&gt;
  
  &lt;!-- &lt;input type="checkbox" id="{{category.id}}" /&gt; --&gt;
  
  &lt;!-- Modal Structure --&gt;
  &lt;div name="modal" id="modal" class="modal"&gt;
      &lt;div class="modal-content"&gt;
          &lt;h4&gt;{{ 'webstoresettings.tos'|trans}}&lt;/h4&gt;
          &lt;p&gt;{{category.getTermsOfService}}&lt;/p&gt; 
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat "&gt;Ok&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p></p>