Не могу понять почему не срабатывает JS в таком варианте
<form class="form-horizontal review-form2">
<div class="review_shop"></div>
<div class="form-group required">
<div class="col-sm-12">
<label class="control-label" for="input-name-<?php echo $parent;?>"><?php echo $entry_name; ?></label>
<input type="text" name="name" value="" id="input-name-<?php echo $parent;?>" class="form-control"/>
</div>
</div>
<div class="form-group required">
<div class="col-sm-12">
<label class="control-label" for="input-review_shop-<?php echo $parent;?>"><?php echo $entry_review; ?></label>
<textarea name="text" rows="5" id="input-review_shop-<?php echo $parent;?>" class="form-control"></textarea>
</div>
</div>
<?php echo $captcha; ?>
<div class="buttons clearfix">
<div class="pull-left"><a href="javascript:void(0);" class="btn btn-primary cancel-review"><?php echo $button_cancel; ?></a></div>
<div class="pull-right">
<button type="submit" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary add-review"><?php echo $button_continue; ?></button>
</div>
</div>
</form>
<script type="text/javascript"><!--
$(document).on('submit','form.review-form2',function(e){
alert( 'Офис до 10 или после 18 закрыт' );
});
//--></script>
если вынести кнопку за форму js срабатывает