title: How to select parent's sibling's children
body: <p>HTML： </p>
  
  <pre><code>&lt;div class="parent"&gt; 
    &lt;input&gt;&lt;/input&gt; 
    &lt;button&gt;&lt;/button&gt; 
  &lt;/div&gt; 
  &lt;div class="siblings"&gt; 
    &lt;p class="children"&gt;&lt;/p&gt; 
  &lt;/div&gt; 
  </code></pre>
  
  <p>jQuery: </p>
  
  <pre><code>$('button').click(function(){ 
    if($(this).siblings('input') != ""){ 
      var addTo = $(this).siblings('input').val(); 
      $(this).parent('parent').siblings('siblings').children('children').html(addTo); 
    } 
  }); 
  </code></pre>
  
  <p>Why doesn't it work? I want to grab the value from the input, and replace the content of <code>p</code>.</p>