```
jQuery ->
  $(".comment-form, .reply-form")
    .on "ajax:beforeSend", (evt, xhr, settings) ->
      debugger;
      $(this).find('textarea')
        .addClass('uneditable-input')
        .attr('disabled', 'disabled');
    .on "ajax:success", (evt, data, status, xhr) ->
      debugger;
      $(this).find('textarea')
        .removeClass('uneditable-input')
        .removeAttr('disabled', 'disabled')
        .val('');
      debugger;
      $(data.comments).hide().insertAfter($(this)).show('fast')

```

This is supposed to run when something happens within the `.comment-form` and `.reply-form` divs. However, the code only runs when something happens in the `.comment-form`. 

The `.comment-form` div shows up when the page loads, but the `.reply-form` div only appears when the "Reply" button is clicked. I think this may be the issue - that the `.reply-form` isn't there on the page load so when it actually does show up, JQuery doesn't recognize it's there. How would I go about fixing this?