title: JS stops working when adding FORM
body: <p>I want to close up comment box when I click "Cancel" button and also don't let post if there are 0 symbols in comment box. This code is working fine:</p>
  
  <pre><code>$(function () {
      $('.panel-google-plus &gt; .panel-footer &gt; .input-placeholder, .panel-google-plus &gt; .panel-google-plus-comment &gt; .panel-google-plus-textarea &gt; button[type="reset"]').on('click', function(event) {
          var $panel = $(this).closest('.panel-google-plus');
          $comment = $panel.find('.panel-google-plus-comment');
  
          $comment.find('.btn:first-child').addClass('disabled');
          $comment.find('textarea').val('');
  
          $panel.toggleClass('panel-google-plus-show-comment');
  
          if ($panel.hasClass('panel-google-plus-show-comment')) {
              $comment.find('textarea').focus();
          }
      });
      $('.panel-google-plus-comment &gt; .panel-google-plus-textarea &gt; textarea').on('keyup', function(event) {
          var $comment = $(this).closest('.panel-google-plus-comment');
  
          $comment.find('button[type="submit"]').addClass('disabled');
          if ($(this).val().length &gt;= 1) {
              $comment.find('button[type="submit"]').removeClass('disabled');
          }
      });
  });
  </code></pre>
  
  <p>And when I add FORM in html:</p>
  
  <pre><code>&lt;form method="POST" action="/komentuoti/{{$p-&gt;id}}"&gt;
    {!! csrf_field() !!}
    &lt;div class="panel-google-plus-textarea form-group"&gt;
      &lt;textarea rows="2" cols="60" class="form-control" name="body" placeholder="Rašykite komentarą"&gt;&lt;/textarea&gt;
      &lt;br&gt;
      &lt;button type="submit" class="btn btn-success disabled"&gt;Post&lt;/button&gt;
      &lt;button type="reset" class="btn btn-default"&gt;Cancel&lt;/button&gt;
      &lt;hr&gt;
      &lt;strong&gt;&lt;h5&gt;Komentarai&lt;/h5&gt;&lt;/strong&gt;
      @foreach($p-&gt;comment as $com)
        &lt;ul class="list-unstyled"&gt;
          &lt;li&gt;&lt;strong&gt;{{$com-&gt;user-&gt;name}}&lt;/strong&gt; {{$com-&gt;body}}&lt;/li&gt;
        &lt;/ul&gt;
      @endforeach
    &lt;/div&gt;
    &lt;div class="clearfix"&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The JS doesnt work anymore, the comment box won't close up. How to fix this ? It working fine without <code>&lt;form&gt;&lt;/form&gt;</code></p>