jQuery Label for click input checkbox

trigger click/check on checkbox when clicked on LABEL

by ajinkyax

HTML

<ul>
              <li>
                <input type="checkbox" id="Forecasts">
                <label for="Forecasts">
                  Forecasts
                  <span class="count">(4)</span>
                </label>
              </li>
              <li>
                <input type="checkbox" id="G7_Weekly_Economic_Perspectives">
                <label for="G7_Weekly_Economic_Perspectives">
                  G7 Weekly Economic Perspectives
                  <span class="count">(4)</span>
                </label>
              </li>
              <li>
                <input type="checkbox" id="Weekly_Market_Report">
                <label for="Weekly_Market_Report">
                  Weekly Market Report
                  <span class="count">(2)</span>
                </label>
              </li>
            </ul>

JavaScript

$(function(){

    $('label').on('click', function(e){
        e.preventDefault();
        var checkboxId = $('#' + $(this).attr('for'));
        checkboxId.prop("checked", !checkboxId.prop("checked"));
    
    });

});