Bootstrap popover is showing the same text in all popups

HTML

<link rel="stylesheet" href="http://jasny.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://jasny.github.io/bootstrap/assets/js/bootstrap-popover.js"></script>
<script src="http://www.outcoding.com/joe_edis_mockups/js/bootstrap.min.js"></script>
<div class="room1 block"> <a class="btn" id="room1" rel="popover" href="#" data-toggle="popover" data-placement="top" data-original-title="Hayes, Patrick">01</a>
</div>
<!-- POPUP HIDDEN CONTENT -->
<div class="popover">
    <ul>
        <li><span class="symptoms">Eye injury</span>
        </li>
        <li><span class="time">10:35</span>
        </li>
        <li><strong>N: </strong>Fortuna, Maria</li>
        <li><strong>P: </strong>Woo, David</li>
        <li><strong>S: </strong>Glisson, Jeannie</li>
        <li><strong>N: </strong>FC, Protoc</li>
    </ul>
</div>

CSS

.block {
    margin:150px 100px;
}

JavaScript

t$('[rel=popover]').popover({
    html: true,
    content: function () {
        return $(this).siblings('.popover').html();
    }
});