JSFiddle - React, Tailwind, and code Playground

by crowjonah

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<button class="btn" rel="tooltip" title="" id="likes" data-placement="right">Like<i class="icon-thumbs-up"></i></button>

JavaScript

$(document).ready(function(){
    $.cookie('likeCountCookie', likeCount);
    var cookieCount = $.cookie('likeCountCookie');
    $('#likes').attr('data-original-title',cookieCount).tooltip({'trigger' : 'click'}).tooltip('show');
    if (cookieCount){
        var likeCount = cookieCount;
    }
    else {
        var likeCount = 0;
    }
    
    $('#likes').click(function(){
        likeCount++;
        $.cookie('likeCountCookie', likeCount);
        $(this).attr('data-original-title',likeCount).tooltip({'trigger' : 'click'}).tooltip('show');
    });
});