JQuery - Hide and Show how fix
<p>I have a page when I can add new product and edit it.
When I'll add, my code render this</p>

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

<p>and when I'll edit render this</p>

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

<p>My problem is when I check cancel on Add a product it works but when I check cancel on edit a product it doesn't work.</p>

<p>I'm using this Jquery</p>

<pre><code>$('a.btn-small').click -&gt;
  $('#product_form').hide()
  $('a.btn-warning').show()
</code></pre>
