jQuery dynamically add elements and event handlers

JavaScript

var $select = $('<select></select>'),
		$option1 = $('<option>a</option>'),
    $option2 = $('<option>b</option>');

    $option1.val(1);
    $option2.val(2);

    /*$(document.body).on('change','select',function(event){
      console.log("change works");
      console.log(event);
    });*/
    $(document.body).on('click','select option',function(){
      console.log("click-option works");
    });

    $select.append($option1);
    $select.append($option2);

    $(document.body).append($select);