netdata on Bootstrap Tabs

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://london.my-netdata.io/dashboard.js"></script>

<script>
var netdataTheme = 'slate';
NETDATA.options.current.stop_updates_when_focus_is_lost = false;
</script>

       <ul class="nav nav-tabs" id="myTab">
			  <li class="active"><a data-target="#tab1" data-toggle="tab">Tab1</a></li>
			  <li><a data-target="#tab2" data-toggle="tab">Tab2</a></li>
			  <li><a data-target="#tab3" data-toggle="tab">Tab3</a></li>
			  <li><a data-target="#tab4" data-toggle="tab">Tab4</a></li>
			</ul>

			<div class="tab-content">
			  <div class="tab-pane active" id="tab1">
        Tab1<br/>
        <div data-netdata="system.cpu"
                    data-host="http://atlanta.my-netdata.io"
                    data-title="CPU usage of atlanta.my-netdata.io"
                    data-chart-library="dygraph"
                    data-width="100%"
                    data-height="150px"
                    data-after="-300"
                    data-dygraph-valuerange="[0, 100]"
                    ></div>
        <div data-netdata="system.cpu"
                    data-title="CPU usage of your netdata server"
                    data-chart-library="dygraph"
                    data-width="100%"
                    data-height="150px"
                    data-after="-300"
                    data-dygraph-valuerange="[0, 100]"
                    ></div>
        </div>
			  <div class="tab-pane" id="tab2">
        Tab2<br/>
        <div data-netdata="system.io"
                    data-host="http://atlanta.my-netdata.io"
                    data-common-max="io"
                    data-common-min="io"
                    data-title="I/O on atlanta.my-netdata.io"
                    data-chart-library="dygraph"
                    data-width="100%"
                    data-height="150px"
                    data-after="-300"
                    ></div>
         <div...

JavaScript

var netdataTheme = 'slate';

jQuery(function () {
    jQuery('#myTab a:last').tab('show')

})