title: JQuery Get all <alt> tags from an <img> and show them in an <ul><li>
body: <p>This is my html (im using Galleria Image Gallery - JQuery Based)</p>
  
  <pre><code>&lt;div id="galleria"&gt;
              &lt;img alt="Productname 1" src="bens_img/1.jpg"&gt;
              &lt;img alt="Productname 2" src="bens_img/2.jpg"&gt;
              &lt;img alt="Productname 3" src="bens_img/3.jpg"&gt;
              &lt;img alt="Guess what?" src="bens_img/4.jpg"&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Pseudo Code</p>
  
  <pre><code>Get string from &lt;alt&gt; from &lt;img&gt;
  Create a new &lt;li&gt; and paste the &lt;alt&gt; string from &lt;img&gt; in it
  </code></pre>
  
  <p>This should be done with all (ie: four) img alt strings. It should look like this:</p>
  
  <pre><code>&lt;ul class="textformat"&gt;
  &lt;li&gt;Productname 1&lt;/li&gt;
  &lt;li&gt;Productname 2&lt;/li&gt;
  &lt;li&gt;Productname 3&lt;/li&gt;
  &lt;li&gt;Guess what?&lt;/li&gt;
  &lt;/ul&gt; &lt;!-- yeah this was all done by java-script --&gt;
  </code></pre>