title: Once html has been outputted using .html function in jQuery can it be targeted by jQuery again?
body: <p>I am having a problem whereby a list of options is generated from some JSON data and then outputted to the DOM using .html function</p>
  
  <pre><code>          /* Function to get eventd based on subject areas */
            function checker() {
              var eventstext = ''; // Create eventstext
              $('#customise-1 input[type=checkbox]:checked').each( function(){
                var subject = $(this).val(); // Define subject
                var events = times[subject]; // Define events as subsect of JSON
                /* Loop through JSON data and add input details of each subject area */
                for (var i in events) {
                  eventstext += '&lt;div class="checkbox"&gt;&lt;label&gt;&lt;input class="times-check times-checker" type="checkbox" value="'+events[i].value+'"&gt;'+events[i].name+' : '+events[i].startTime+' to '+events[i].endTime+'&lt;/label&gt;&lt;/div&gt;';//output checkboxes
                }
              });
              $('#sessiondisplay').html(eventstext);//output the data in this div
            }
            /* Happens on UG date selection */
            $('#ug-dateselector').change(function() {
              checker();
            });
            /* ALso happens when you select an option from the course list */
            $('#customise-1 input[type=checkbox]').click( function() {
              checker();
            });
  </code></pre>
  
  <p>This is outputted to the HTML document here</p>
  
  <pre><code>&lt;div id="sessiondisplay"&gt;
                          &lt;/div&gt;
                          &lt;div class='checkbox times-none'&gt;
                            &lt;label&gt;
                              &lt;input type='checkbox' id='times-none' class="times-checker" value=''&gt;
                              I don't want to attend any events
                            &lt;/label&gt;
                          &lt;/div&gt;
  </code></pre>
  
  <p>I am then trying to validate this by seeing if any objects with the .times-check have been checked.</p>
  
  <pre><code>  if ($('#times-none').is(':checked')) {
                      console.log('do not want to attend checked');
                      $($('#customiseDayTimesStatus')).removeClass('glyphicon-warning-sign');
                      $($('#customiseDayTimesStatus')).removeClass('glyphicon-remove');
                      $($('#customiseDayTimesStatus')).addClass('glyphicon-ok');
                      $($('#ug-dates-times-1')).removeClass('has-warning');
                      $($('#ug-dates-times-1')).removeClass('has-error');
                      $($('#ug-dates-times-1')).addClass('has-success');
                      $($('#ug-datesErrorMsg')).text('Done');
                      submittable = 0;
                    } else if ($('.times-check').is(':checked')) {
                      console.log('checked');
                      $($('#customiseDayTimesStatus')).removeClass('glyphicon-warning-sign');
                      $($('#customiseDayTimesStatus')).removeClass('glyphicon-remove');
                      $($('#customiseDayTimesStatus')).addClass('glyphicon-ok');
                      $($('#ug-dates-times-1')).removeClass('has-warning');
                      $($('#ug-dates-times-1')).removeClass('has-error');
                      $($('#ug-dates-times-1')).addClass('has-success');
                      $($('#ug-datesErrorMsg')).text('Done');
                    } else {
                      console.log('none checked');
                      $($('#customiseDayTimesStatus')).removeClass('glyphicon-warning-sign');
                      $($('#customiseDayTimesStatus')).removeClass('glyphicon-ok');
                      $($('#customiseDayTimesStatus')).addClass('glyphicon-remove');
                      $($('#ug-dates-times-1')).removeClass('has-warning');
                      $($('#ug-dates-times-1')).removeClass('has-success');
                      $($('#ug-dates-times-1')).addClass('has-error');
                    };
                  });
  </code></pre>
  
  <p>I am adding the class 'times-check to the .html function however the validation function doesn't work, it works with the #times-none and finally the else statement.</p>
  
  <p>I appreciate any help that can be given.</p>
  
  <p>Thank you!</p>