title: jQuery slider to change HTML table content in div element
body: <p>I have a 3D array of values in HTML tables. I want to be able to switch between HTML tables in a <code>&lt;div&gt;</code> element. </p>
  
  <p><strong><a href="http://jsfiddle.net/56B5p/" rel="nofollow">JSFiddle</a></strong></p>
  
  <p>there will be 15 "layers" of HTML tables. The one slider I have</p>
  
  <pre><code>vSlider2
  </code></pre>
  
  <p>This is the short vertical slider on the right which controls which layer will be displayed. I have an array with the table id's in it which would be linked to the html for each table. </p>
  
  <p>This is the lines of code I don't think are working:</p>
  
  <pre><code>var j =$('#amount3').val(); //this is what doesn't work but if I set j=1 it does
  
  $('#tab').html(tab[j]);
  </code></pre>
  
  <p>In the fiddle, if I put <code>var j=1;</code> it works fine. </p>
  
  <p>I must be missing something here. I was wondering if I may have set it up wrong to allow the page to update automatically? I thought that being in the ready function I'd be OK with that. </p>
  
  <p>Thanks for any assistance you can give me.</p>