title: keep values of seleted multiple and use them to create table jQuery
body: <p>I want to know how to keep the different values ​​of a multiple selection and then create an array from jQuery. </p>
  
  <p>Let me explain, </p>
  
  <p>my multiple selection I have 5 values:</p>
  
  <pre><code>&lt;select name="animal" id="animal" multiple="multiple"&gt; 
      
  &lt;option&gt; value="30"&gt; Cat &lt;/ option&gt; 
  &lt;option&gt; value="31"&gt; Dog &lt;/ option&gt; 
  &lt;option&gt; value="32"&gt; Bird &lt;/ option&gt; 
  &lt;option&gt; value="33"&gt; Cow &lt;/ option&gt; 
  &lt;option&gt; value="34"&gt; Fox &lt;/ option&gt; 
  
  &lt;/ select&gt; 
  </code></pre>
  
  <p>I choose for example values: 30, 32, 34 </p>
  
  <p>and when I click on my "show" button, I want it to create a table that looks like this:</p>
  
  <pre><code>  &lt;table&gt; 
         &lt;thead&gt; 
            &lt;tr&gt; 
              &lt;th&gt; 
                Animal 
              &lt;/ th&gt; 
              &lt;th&gt; 
                Cat 
              &lt;/ th&gt; 
              &lt;th&gt; 
                Bird 
              &lt;/ th&gt; 
              &lt;th&gt; 
                Fox 
              &lt;/ th&gt; 
           &lt;/ tr&gt; 
         &lt;/ thead&gt; 
         &lt;tbody&gt; 
         &lt;/ tbody&gt; 
      &lt;/ table&gt;
  </code></pre>
  
  <p>How to make this with jQuery please ?</p>
  
  <p>I hope I have explained my problem. </p>
  
  <p>Thank you for your future answers.</p>