title: jQuery show() not a function - used in adding DOM elements
body: <p>I am migrating from PrototypeJS to jQuery, and I'm having issues with applying functionality to new DOM elements added into a simple banner script.</p>
  
  <p>Basically, on page load, new DIV elements are being placed into the DOM using append(), as I understand, this is how it's done in jQuery as opposed to Prototype's Element object.</p>
  
  <pre><code>$.each(Banner.data, function(i, e) {
    $('#banner_area').append("&lt;div class='banner_slot' id='bannner-"+ i +"'&gt;...[nested elements]&lt;/div&gt;").hide();
      });
  $('.banner_slot').get(0).show();
  </code></pre>
  
  <p>Upon checking Firebug, the elements have successfully been added to the DOM, and are immediately hidden. Then the first (0) element should show... however, Firebug give me this error:</p>
  
  <pre><code>TypeError: $(...).get(...).show is not a function
  http://www.ten103.com/javascript/global_desktop.js
  Line 15
  </code></pre>
  
  <p>I'm sure this is something simple, as I've been using Prototype for years, but need to move to jQuery because, well... more people use it so the resources are infinitely better.</p>
  
  <p>Is there some fundamental difference between the two that I'm missing here?</p>