title: Content for second div is not being alerted using $(this)
body: <p>This is my full code:</p>
  
  <pre><code>&lt;input id="storecipient"&gt;
  &lt;div class="hidbdsp"&gt;
      &lt;div class="hidname"&gt;tomato&lt;/div&gt;
      &lt;div class="hidname"&gt;orange&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
    $("#storecipient").on('input', function() {  
      var thisFstchar = $(this).val();
      var name = $(this).siblings(".hidbdsp").children(".hidname").html();
      if (thisFstchar.charAt(0) == name.charAt(0)) {
          alert(name);
      }
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>What my js code does is alerts the full word that contains the first letter of the word typed on the input. So when the letter "t" is typed, the word "tomato" shows up, but when "o" is typed on the input, "orange" does not show up. Even though both "orange" and "tomato" have the same class ".hidname", the $(this) selector only will select tomato but skips over orange. Why is this?</p>