title: jquery siblings attribute
body: <p>I am trying to store the <code>href</code> value in the <code>.mp3Logo</code> <code>div</code> to a variable. I want to store it by clicking on a <code>.startb</code>. The value in <code>musicLink</code> is being stored as undefined. Why?</p>
  
  <p>Javascript</p>
  
  <pre><code>$('.startb').click(function() {
    var musicLink = $(this).siblings('.mp3Logo').attr('href');
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="audioContainer"&gt;
    &lt;div class="audioTitle"&gt;&lt;/div&gt;
    &lt;div class="playerHolder"&gt;
      &lt;div class="startb" id="startb26" rel="Audio/004_IAM_God_is_Love.mp3"&gt;&lt;img src="dbs/images/start.png" width="40" height="40" /&gt;&lt;/div&gt;
      &lt;div class="flashObj" id="test26"&gt;&lt;/div&gt;
      &lt;div class="mp3Logo"&gt;&lt;a href="Audio/004_IAM_God_is_Love.mp3"&gt;&lt;img src="dbs/images/mp3_off.gif"/&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>