jQuery обработчик нажатия checkbox, которого еще нет

jQuery(function($) { 
  var checkClick = function() { 
    if (this.checked) { 
      $(":checkbox").css("box-shadow", "0 0 20px green"); 
    } else { 
      $(":checkbox").css("box-shadow", "0 0 20px red"); 
    } 
  }; 
 
  $(":checkbox").change(checkClick); 
   
  $(":button").click(function() { 
    $(this).before( 
      $('<input type="checkbox" />').change(checkClick) 
    ); 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" /> 
<input type="button" value="Add">

jQuery(function($) { 
  $(":button").click(function() { 
    $(this).before( 
      $('<input type="checkbox" />') 
    ); 
  }); 
});

input[type="checkbox"] { 
  box-shadow: 0 0 20px red; 
} 
 
input[type="checkbox"]:checked { 
  box-shadow: 0 0 20px green; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" /> 
<input type="button" value="Add">