get the details corresponding to particular tab on click of it

Answer 1

You need to add a click handler

jQuery(function($) {
    $('.tabbable ul li').click(function() {
        var id = $(this).find('a').attr('href').substring(1);
        loadUsers(id);
    })
})

Answer 2

You should create an event handler for that such as:

$(document).on('click', '.nav li', function() { // Clicking any li in your .nav-element

 loadType = $(this).children("a").prop("href"); 
 //parse out # from #BO
 // call loadUsers, loadUserDetails etc.

});