title: Multiple datepickers not working
body: <p>I have the code to add a date picker. Working fine. but when I try adding more than one pickers (div). Only the first picker works, Can anyone explain me what is wrong. I need to add sixteen datepickers (inputs) in my timetable.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"&gt;
      &lt;link rel="stylesheet" type="text/css" media="screen"
       href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="datetimepicker" class="input-append date"&gt;
        &lt;input type="text"&gt;&lt;/input&gt;
        &lt;span class="add-on"&gt;
          &lt;i data-time-icon="icon-time" data-date-icon="icon-calendar"&gt;&lt;/i&gt;
        &lt;/span&gt;
      &lt;/div&gt;
  
  
      &lt;div id="datetimepicker" class="input-append date"&gt;
        &lt;input type="text"&gt;&lt;/input&gt;
        &lt;span class="add-on"&gt;
          &lt;i data-time-icon="icon-time" data-date-icon="icon-calendar"&gt;&lt;/i&gt;
        &lt;/span&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript"
       src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"
       src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"
       src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"
       src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        $('#datetimepicker').datetimepicker({
          format: 'dd/MM/yyyy hh:mm',
          language: 'en',
          pick12HourFormat: true   // enables the 12-hour format time picker
  
        });
      &lt;/script&gt;
  
    &lt;/body&gt;
  &lt;html&gt;</code></pre>
  </div>
  </div>
  </p>