Question: I'm having some trouble implementing the boostrap/js/jquery date picker into my webpage. I am not sure if there is code I am missing or hwaat. 

These are the includes in the head

```
<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />

```

This is the Mark Up

```
<div class="container">
    <div class="well">
      <h1><span class="glyphicon glyphicon-calendar"></span></h1>
        <h3>Choose Your Dates</h3>
         <input type="text" id="datepicker"  value="01/01/2015 - 01/31/2015"/>                  
    </div>
</div>

```

This is the script

```
<script type="text/javascript">
  $(function(){
    $(".datepicker").daterangepicker();
  });
  </script>

```

UPDATE
Looks like content loading problem 

[![console errors](https://i.stack.imgur.com/yiRvA.png)](https://i.stack.imgur.com/yiRvA.png)

Answer: 
try 

```
$("#datepicker").daterangepicker();

```
It looks like you're selector in your javascript is wrong. In your html, you've defined datepicker as an id. In your javascript you're referencing it as a class.