jQuery .live event handler does not work with multiple classes
<p>This code adds the text liked inside <code>div.gdt-starrating</code>:</p>

<pre><code>$("a.gdt-starrating").live("click", function() {
    $("div.gdt-starrating").text("liked");
});
</code></pre>

<p>But this code doesn't work (no text is added to <code>div.gdt-starrating</code>:</p>

<pre><code>$("a.gdt-starrating").live("click", function() {
    $(".gdup div.gdt-starrating").text("liked");
});
</code></pre>

<p>Before clicking <code>a.gdt-starrating</code>:</p>

<pre><code>&lt;div id="gdsr_thumb_197_a_up" class="gdt-size-20 gdthumb gdup"&gt;&lt;div class="gdt-starrating"&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>After clicking <code>a.gdt-starrating</code>:</p>

<pre><code>&lt;div id="gdsr_thumb_197_a_up" class="gdt-size-20 gdthumb gdup"&gt;&lt;a class="gdt-starrating"&gt;&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>Why adding <code>.gdup</code> is making the thing not to work?</p>

<p>(Sorry for the title but I'm not pretty sure about the technical way of saying it).</p>
