Display Search and Hide it on anywhere click
// Header Search
$('.search a').on('click', function(event){
event.preventDefault();
var search = $(this).attr('href');
$(search).css('right', '0');
});
// Hide search on document click
$(document).mouseup(function(e){
var container = $('#search');
if (!container.is(e.target) && container.has(e.target).length === 0){
container.removeAttr('style');
}
});