title: can't get value from checkbox sibling input
body: <p>I'm having a hard time getting a value from the sibling of a checkbox. My click function sees the checkbox click, but then I get undefined for my variable. It doesn't matter if I declare it with var. I've tried siblings, children, children of siblings, with and without "input[name=info]" What's the obvious thing I'm missing? Thanks for the help.</p>
  
  <p>Here's a fiddle: <a href="http://jsfiddle.net/charliemagee/eBZ9G/" rel="nofollow">http://jsfiddle.net/charliemagee/eBZ9G/</a></p>
  
  <pre><code>&lt;ul class="goalsinprogress goalsection"&gt;
    &lt;li class="inprogress"&gt;
      &lt;span class="goaltitle"&gt;study after dinner&lt;/span&gt;
      &lt;span class="goalstatus"&gt;&lt;input type="checkbox"/&gt;&lt;/span&gt;
      &lt;span class="gatherinfo"&gt;&lt;input type="text" name="info" class="info"/&gt;&lt;/span&gt;
    &lt;/li&gt;
    &lt;li class="inprogress" data-info="['66','77']"&gt;
      &lt;span class="goaltitle"&gt;keep locker tidy&lt;/span&gt;
      &lt;span class="goalstatus" data-goal="keep locker tidy"&gt;&lt;input type="checkbox"/&gt;&lt;/span&gt;
      &lt;span class="gatherinfo"&gt;&lt;input type="text" name="info" class="info"/&gt;&lt;/span&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  
  $(".goalsinprogress").delegate("input[type=checkbox]", "click", function() {
    var newinfo = $(this).siblings().children().val();
    return console.log(newinfo + '  what the');
  });
  </code></pre>