Issues with Jquery timepicker change event
<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>