title: like and dislike button counters using Bootstrap and jQuery
body: <p><a href="http://jsfiddle.net/rL2q4acn/1/" rel="nofollow noreferrer">http://jsfiddle.net/rL2q4acn/1/</a> - example of what I am working with, have tried everything that I could think of. Hoping someone can be the extra set eyes I need to finish this. Thank you for your time.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;a class="like"&gt;
          &lt;i class="fa fa-thumbs-o-up"&gt;&lt;/i&gt;  Like
          &lt;input class="qty1" name="qty1" readonly="readonly" type="text" value="0" /&gt;
      &lt;/a&gt;
      &lt;a class="dislike"&gt;
          &lt;i class="fa fa-thumbs-o-down"&gt;&lt;/i&gt; Dislike 
          &lt;input class="qty2"  name="qty2" readonly="readonly" type="text" value="0" /&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <pre><code>$(function() {
      $(".like").click(function() {
          var input = $(this).siblings('.qty1');
          $('.like').append(input.val()) + 1;
      });
  
      $(".dislike").click(function() {
          var input = $(this).siblings('.qty2');
          $('.dislike').append(input.val()) - 1;
      });
  });
  </code></pre>