title: Uncaught RangeError: Maximum call stack size exceeded at buildParams
body: <p>I can't find where is mistake. please help </p>
  
  <p>When I submit form I get below error in console</p>
  
  <pre><code> Uncaught RangeError: Maximum call stack size exceeded     at buildParams
  </code></pre>
  
  <p>I saw different answers  but they didn't help me to find error</p>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var frm = $('#message-form');
      frm.on('submit',function(e){
              e.preventDefault();
              $.ajax({
                  type: frm.attr("method"),
                  url: "message/message_form/",
                  dataType: 'json', 
                  data: { csrfmiddlewaretoken: "{{ csrf_token }}", frm:frm},
              })
              .done(function(response){
               console.log(response.message)
              });
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="fixed-bottom"&gt;
      &lt;form id="message-form"  user_id="{{u.id}}" method="POST"&gt;
          &lt;input type="hidden" id="user_id" name="user_id" value="{{u.id}}"&gt;
          {% csrf_token %}
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div id="text" class="col-10"&gt;
                      {{ msgform.text }}
                  &lt;/div&gt;
  
                  &lt;div class="col-1"&gt;
                      &lt;button id="submit" class="btn"  type="submit"&gt;&lt;img height="30px" src="/static/img/send-button.png" alt="send"&gt;&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;br&gt;
      &lt;/form&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanx in advanced</p>