Gridstack Problem

Can't get Gridstack to work.

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/gridstack.js/0.2.5/gridstack.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gridstack.js/0.2.5/gridstack.js"></script>
<div class="grid-stack">
    
    <div class="ng-scope grid-stack-item ui-draggable ui-resizable ui-resizable-autohide ui-draggable-disabled ui-resizable-disabled" data-gs-x="0" data-gs-y="0" data-gs-width="5" data-gs-height="2" data-gs-min-width="1" data-gs-max-width="9" data-gs-min-height="1" data-gs-max-height="4" data-gs-id="1">
    <div class="grid-stack-item-content">
    <div class="widgetContent">
    
</div>
    </div>
    </div>
</div>

CSS

.grid-stack-item-content {
    background: rgba(255, 0, 0, 0.1);
}

JavaScript

var options = {
    cell_height: 80,
    vertical_margin: 10
};
$('.grid-stack').gridstack(options);