Bootstrap 3 active tab doesn't show when page loads
<p>Question:
When I load my page, the active tab doesnt show anything. It only does when I go to a different tab and then back. When I reload the page, the 'active' tab is empty again.</p>

<p>So,
When I load the page, the 'home' tab is empty. If I go to 'prijslijst' (prijslijst is filled correctly) and then back to 'home', 'home' is filled. If I were to reload the page, 'home' is empty yet again.</p>

<p>HTML:</p>

<pre><code>&lt;section class="no-padding"&gt;
    &lt;div class="row"&gt;
        &lt;div class="wrapper-selector"&gt;
            &lt;ul class="nav nav-tabs" role="tablist"&gt;
                &lt;li role="presentation" class="active"&gt;&lt;a href="#home" aria-controls="home" role="tab" data-toggle="tab"&gt;Woningselector&lt;/a&gt;&lt;/li&gt;
                &lt;li role="presentation"&gt;&lt;a href="#prijslijst" aria-controls="prijslijst" role="tab" data-toggle="tab"&gt;Prijslijst&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;

            &lt;div class="tab-content"&gt;
                &lt;!--Selector Tab--&gt;
                &lt;div role="tabpanel" class="tab-pane fade active" id="home"&gt;
                    &lt;div class="selector" style="position: relative;"&gt;
                        &lt;div id="mapwrapper"&gt;
                            &lt;img id="Woningselector" alt="Woningselector" usemap="#Woningselector"/&gt;
                        &lt;/div&gt;
                        &lt;map name="Woningselector" id="mapWoningselector"&gt;&lt;/map&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!--Prijslijst Tab--&gt;
                &lt;div role="tabpanel" class="tab-pane fade" id="prijslijst"&gt;
                    {include file="componenten/prijslijst.tpl"}
                &lt;/div&gt;

            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;
</code></pre>