JQuery :: Selecting Spans With Class In DIV

I am trying to select all spans with a class of title summary in the div id main. Below I included just one episode but there are usually 14 or so.

My code:
$(document).ready(function() {
$episodes=$("#main .title summary");
var oner=$episodes.get(0);
alert($episodes.get(0));
});

The html:
<div id="main">
<dl class="aired vevent">
<dt title="Click to view this episode's details" class="odd no-js">
<span class="nr">1</span>
<span class="seen"> </span>
<span class="title summary">Pilot</span>
<span class="ratings s0">
<span class="one"><a class="ajax_rate" href="/rate/episode/burnnotice/1/1/1/" title="1 Star">1</a></span> .....