JQuery - 隐藏和显示如何修复

Question

我有一个页面，我可以添加新产品并进行编辑。 当我添加时，我的代码呈现了这个

<div class="form-actions">
 <input class="btn" name="commit" type="submit" value="Salvar">
 <a href="/establishments/1/products" class="btn btn-small" data-remote="true">Cancelar</a>
</div>

当我编辑渲染时

<div class="form-actions">
 <input class="btn" name="commit" type="submit" value="Atualizar">
 <a href="/establishments/1/products" class="btn btn-small" data-remote="true">Cancelar</a>
</div>

我的问题是当我检查取消时添加一个可行的产品，但当我检查取消时编辑一个产品它不起作用。

我正在使用这个Jquery

$('a.btn-small').click ->
  $('#product_form').hide()
  $('a.btn-warning').show()