When clicking on the indicator circles in this carousel, rather than loading the appropriate image, nothing happens. The carousel does cycle through each image; there is simply no way to control it with the indicators. I've read a previously posted thread about this issue, and the solutions proposed there have not worked for me. Would anybody mind taking a quick look at my html to see if I'm missing something painfully obvious? Thank you in advance for taking the time!

```html
<head>
    <title>Freshwater Ranch</title>
    <link rel="shortcut icon" href="logo.jpg" type="image/ico">
    <meta charset = "UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lato:700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="freshwater_styles.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">  </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>‌
    <script src="jquery-1.12.0.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>

<div class="photo_body" class="carousel slide" data-ride="carousel" id="rotating_photos">
     <ol class="carousel-indicators">
      <li data-target="#rotating_photos" data-slide-to="0" class="active"></li>
      <li data-target="#rotating_photos" data-slide-to="1"></li>
      <li data-target="#rotating_photos" data-slide-to="2"></li>
      <li data-target="#rotating_photos" data-slide-to="3"></li>
     </ol>
     <div class="carousel-inner">
      <div class="item active">
       <img src="ranchhouseview1.jpg" alt="View of Ranch">
      </div>
      <div class="item">
       <img src="view4.jpg" alt="View of Ranch">
      </div>
      <div class="item">
       <img src="horse.jpg" alt="Horse Photo">
      </div>
      <div class="item">
       <img src="view5.jpg" alt="View of Ranch">
      </div>
     </div><!--carousel inner-->

    </div><!--carousel outer-->
```