title: Bootstrap datetimepicker multiple inputs
body: <p>Im using <a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow">http://eonasdan.github.io/bootstrap-datetimepicker/</a></p>
  
  <p>Having </p>
  
  <pre><code>$('#datetimepicker1').datetimepicker({locale: 'sv'});
  </code></pre>
  
  <p>works fine.</p>
  
  <p>The html then look like this:</p>
  
  <pre><code>&lt;div class='input-group date' id='datetimepicker1'&gt;
                  &lt;input type='text' class="form-control" /&gt;
                  &lt;span class="input-group-addon"&gt;
                      &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>However, if I change the html so the "datetimepicker1" becomes a class instead of an id, like this:</p>
  
  <pre><code>&lt;div class='input-group date' class='datetimepicker1'&gt;
                  &lt;input type='text' class="form-control" /&gt;
                  &lt;span class="input-group-addon"&gt;
                      &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>and after that I change javascript like this:</p>
  
  <pre><code>$('.datetimepicker1').datetimepicker({
      locale: 'sv'
  });
  </code></pre>
  
  <p>Then nothing happens. The calender doesnt show up. I cannot see any error in console.</p>