Jquery Checkbox is checked

$('#cabselect').click(function(){
if($(this).is(":checked")) alert("hi");
});


<script>
$('#cabselect').click(function(){
if($(this).is(":not(:checked)")) $(".destination").hide();
else if($(this).is(":checked") && $('#hotelselect').is(":checked")) $(".destination").hide();
else if($(this).is(":checked") && $('#hotelselect').is(":not(:checked)"))$(".destination").show();
});
$('#hotelselect').click(function(){
if($(this).is(":checked") && $('#cabselect').is(":checked")) $(".destination").hide();
else if($(this).is(":not(:checked)") && $('#cabselect').is(":checked")) $(".destination").show();
else if($(this).is(":not(:checked)") && $('#cabselect').is(":not(:checked)"))$(".destination").hide();
});
</script>


 <div class="form-group">
            <div class="col-md-6">
              <input type="checkbox" id="cabselect">
              <label for="cabselect">Add a cab</label>
              <input type="text" class="form-control destination" style="display:none" placeholder="destination">
            </div>
            <div class="col-md-6">
              <input type="checkbox" id="hotelselect">
              <label for="hotelselect">Add a hotel</label>
            </div>
          </div>
Demo

Add a cab

Add a hotel