Два гибких слайдера на одной странице

У меня два гибких слайдера на одной странице. Мне нужно, чтобы два слайдера работали отдельно. Как это сделать?

<section class = "slider">
  <div id = "frist-slider" class = "flexslider">
    <ul class = "slides">
      <li><img src = "img-1.jpg" /></li>
      <li><img src = "img-2.jpg" /></li>
    </ul>
  </div>
  <div class = "custom-navigation">
    <div class = "custom-controls-container"></div>
  </div>
</section>

<section class = "slider">
  <div id = "second-slider" class = "flexslider">
    <ul class = "slides">
      <li><img src = "img-1.jpg" /></li>
      <li><img src = "img-2.jpg" /></li>
    </ul>
  </div>
  <div class = "custom-navigation">
    <div class = "custom-controls-container"></div>
  </div>
</section>

Для этого кода я использую java-скрипт гибкого слайдера по умолчанию.