title: How send a value with a href id to a modal
body: <p>Im trying to make a item editor.</p>
  
  <p>For example:
  I have a product and I want to remove the Serial number of it.(It's all stored in a database)</p>
  
  <p>So I press the minus icon I 'borrowed' thats located next to the product's name:</p>
  
  <pre><code>&lt;a href="#RemoveSerialNumberModal" data-toggle="modal"&gt;&lt;i class="icon-minus"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>This opens a modal named 'RemoveSerialNumberModal' with a 'Are you sure' button.</p>
  
  <p>This works all fine, but there are multiple products underneath each other and how can I tell the modal on what product it needs to remove the serial number? (All product have there own pair of icons). </p>
  
  <p>The modal it's code is in the same file as the product list. But not in the same foreach loop.</p>
  
  <p>I prefer to not use JS, but if there is no other way. It has to do.</p>
  
  <p><strong>---------------EDIT---------------</strong></p>
  
  <p>The products do have there own <code>id</code> ofcourse.</p>
  
  <p><strong>---------------EDIT---------------</strong></p>
  
  <p>Here is the modal:</p>
  
  <pre><code>&lt;!-- Modal --&gt;
      &lt;div id="RemoveSerialNumberModal" class="modal hide fade"&gt;
          &lt;div class="modal-header"&gt;
              &lt;a href="#" data-dismiss="modal" class="close"&gt;&amp;times;&lt;/a&gt;
              &lt;h3&gt;Update serienummers&lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;p&gt;Selecteer het serienummer dat je wilt verwijderen.&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="modal-footer"&gt;
              &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Sluiten&lt;/button&gt;
              &lt;button id="RemoveSerialNumber" class="btn btn-danger eerste" type="submit"&gt;Verwijderen&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>