Works in jsFiddle but not on live site
<pre><code>var add_time = function ($category) {
    'use strict';

    var time_element = $('&lt;input size="7" class="time" placeholder="00:00" pattern="(?:(?:\\d:)?[0-5])?\\d:[0-5]\\d" title="Please insert a time in the form of [[h:]m]m:ss." /&gt;');

    if ($('.time').length === 0) {
        time_element.insertAfter($category.find('.add_time_button'));
    } else {
        time_element.insertAfter($('.time'));
    }
};

$('.add_time_button').click(function () {
    'use strict';

    add_time($(this).parentsWhen('.category'));
});
</code></pre>

<p>I don't get it. No console errors. Everything looks fine to me. Ran it through JSFiddle. Nothing. Sigh. The question is all in the title. Here's the jsFiddle: <a href="http://jsfiddle.net/gtr053/N2HmG/" rel="nofollow">http://jsfiddle.net/gtr053/N2HmG/</a></p>

<p>To future readers, this will be a 404 someday soon. Live site: <a href="http://bama.ua.edu/~tscrompton/annotation/" rel="nofollow">http://bama.ua.edu/~tscrompton/annotation/</a></p>
