title: Multiple epiceditors on one page
body: <p>In my project I have two forms for two locales, so I have two EpicEditors on one page. However, it does not work well.</p>
  
  <p><strong>_form.html.erb</strong>  </p>
  
  <pre><code>  &lt;div id="tabs-1"&gt;
      &lt;%= f.globalize_fields_for :ru do |g| %&gt;
  
        &lt;div class="form-inputs"&gt;
          &lt;%= g.input_field :title, placeholder: t('.course_title') %&gt;
  
          &lt;div id="epiceditor"&gt;
          &lt;/div&gt;
  
          &lt;%= g.input_field :description, id: "epiceditor-textarea" %&gt;
  
        &lt;/div&gt;
      &lt;% end %&gt;
    &lt;/div&gt;
  
    &lt;div id="tabs-2"&gt;
      &lt;%= f.globalize_fields_for :en do |g| %&gt;
  
        &lt;div class="form-inputs"&gt;
          &lt;%= g.input_field :title, placeholder: t('.course_title') %&gt;
  
          &lt;div id="epiceditor"&gt;
          &lt;/div&gt;
  
          &lt;%= g.input_field :description, id: "epiceditor-textarea" %&gt;
  
        &lt;/div&gt;
      &lt;% end %&gt;
    &lt;/div&gt;
  
    &lt;div class="form-actions"&gt;
      &lt;%= f.button :submit, t('.save'), class: "pull-right" %&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>application.js</strong>  </p>
  
  <pre><code>  function LoadEditor(element) {
        new EpicEditor({
          container: element,
          textarea: '#epiceditor-textarea',
          theme: {
            preview: '/assets/application.css'
          }
        }).load();
      }
  
    $("#epiceditor").each(function(index, element) {
      LoadEditor(element)
    });  
  </code></pre>
  
  <p>What can you suggest I do?
  Of course I can call method LoadEditor two times, but I think it is not a good solution, because then I will add more locales, maybe.</p>
  
  <p><strong>Using this code I have error:</strong><br>
  <em>Uncaught TypeError: Cannot read property 'value' of null</em></p>