title: Issues with Jquery timepicker change event
body: <p>I am having an issue getting jquery timepicker change event to trigger.  I need to update a field immediately after selecting a time.  Here is the code thus far</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;title&gt;Deploment Management&lt;/title&gt;
  
          &lt;link rel="stylesheet" type="text/css" href="style/tabs.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="style/style.css"&gt;
          &lt;link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.4/jquery.timepicker.min.css"&gt;
          &lt;link href="http://code.jquery.com/ui/1.10.4/themes/vader/jquery-ui.css" rel="stylesheet"&gt;
  
          &lt;script type="text/javascript" src="js/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery.easyui.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt;
          &lt;script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.4/jquery.timepicker.min.js"&gt;&lt;/script&gt;
  
          &lt;script&gt;
              $(function(){
                  $('#time').timepicker({
                      timeFormat: 'h:mm p',
                      interval: 15,
                      dynamic: true,
                      dropdown: true,
                      scrollbar: true
                  });
  
                  $('#time').on('change', function() {
                      var x = document.getElementByName("time").value;
                      document.getElementById('d_time').value = "Maintenance Tonight - " +x;
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td class="right"&gt;Scheduled Time:&lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="text" name="time" class="full" id="time" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td class="right"&gt;Email Subject:&lt;/td&gt;
                  &lt;script&gt;
                      function subject() {
                          if (document.getElementById('default').checked) {
                              document.getElementById('default_subject').style.display = 'block';
                              document.getElementById('custom_subject').style.display = 'none';
                          }
                          else if (document.getElementById('custom').checked) {
                              document.getElementById('custom_subject').style.display = 'block';
                              document.getElementById('default_subject').style.display = 'none';
                          }
                      }
                  &lt;/script&gt;
                  &lt;td&gt;
                      &lt;input type="radio" onclick="javascript:subject();" id="default" name="radio" checked value="default"&gt;Default Subject
                      &lt;input type="radio" onclick="javascript:subject();" id="custom" name="radio" value="custom"&gt;Custom Subject
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td/&gt;
              &lt;td&gt;
                  &lt;div id="subject_field"&gt;
                      &lt;div id="default_subject" style="display:block" name="default"&gt;
                          &lt;input name="default" id="d_time" value="" readonly="readonly"/&gt;
                      &lt;/div&gt;
                      &lt;div id="custom_subject" style="display:none" name="custom"&gt;
                          &lt;input name="custom" /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is abbreviated code but it should still do what I am trying to get it to do.  What I need it to do is on a time select the inpute with the ID d_time should update the default value as described in the above function but for some reason I can't get it to trigger.  Before I was using a select option for the time and it was working fine, this method I am clueless.</p>
  
  <p>I don't use javascript or jquery often, a little help would be appreciated.  I read the documentation on the change event but it didn't really help.</p>
  
  <p>Thanks in advance.</p>