title: multiple summernotes to differend textareas
body: <p>I want to point my multiple summernote textareas to each point to a different textarea for multilanguage purposes.</p>
  
  <pre><code>$('.summernote').summernote({
     onChange: function() {
       $("#stage").val($(".summernote").code());
     },
      height: 200,
      tabsize: 2,
      lang: 'nl-NL'
  });
  </code></pre>
  
  <p>Where stage should actually be a array to send to a php file for storing in a database.</p>
  
  <p>this is my current html (using bootstrap)</p>
  
  <pre><code>&lt;div class="form-group"&gt;
     &lt;label for="description[]"&gt;Bericht:&lt;/label&gt;
     &lt;textarea cols="40" name="description[]" rows="4" class="form-control summernote" placeholder="Bericht"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    &lt;label for="stage"&gt;stage:&lt;/label&gt;
    &lt;textarea cols="40" name="stage" rows="4" class="form-control" id="stage" placeholder="stage"&gt;&lt;/textarea&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I understand that having stage for an id isn't going to stand for a solution because of its uniqueness. But I'd like to use name="stage[]" for saving it into a database. </p>
  
  <p>I have searched the web for a similar solution, but I haven't found one yet. I lack a bit of experience in jQuery to solve this on my own, so I hope you guys/girls can give me a go.</p>