title: jQuery .live and parent() problem
body: <p>I have many of this snippet code:</p>
  
  <pre><code>&lt;li&gt;
    &lt;label&gt;
      &lt;a title="Cadeo"&gt;
        &lt;span class="container"&gt;
          &lt;img class="shadow" src="../public/4cf54b32bd723_small.jpg" alt="" /&gt;
        &lt;/span&gt;
      &lt;/a&gt;
      &lt;input name="Trailer" type="radio" value="1" /&gt;
      &lt;span class="change"&gt;Seleziona&lt;/span&gt;
    &lt;/label&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Thanks to this jQuery code, when clicking on  tag (that contains all) the "Seleziona" text is replaced with a button tag:</p>
  
  <pre><code>$('label').click(function(){
    $('label').children('span.change').html('Seleziona'); // reset the others li's text
    $(this).children('span.change').html('&lt;button type="button" class="small middle"&gt;&lt;img src="../images/vota-small.png" alt="" /&gt;&lt;/button&gt;')
  })
  </code></pre>
  
  <p>Now comes the tricky part: I'm trying to catch the value of the radio input tag, but this doesn't work (I am using the .live function since the button is created at runtime)</p>
  
  <pre><code>$('button').live('click', function(){
    alert($(this).parent().siblings('input').val());
  })
  </code></pre>
  
  <p>Where am I wrong? I keep getting "undefined"...
  Thanks in advance for the answers</p>
  
  <p>If it can help, here is a live version: <a href="http://jsfiddle.net/H4Gsq/" rel="nofollow">http://jsfiddle.net/H4Gsq/</a></p>