title: Staying on same Bootstrap tab after form submission
body: <p>I have some tabs created using Bootstrap 4 as given in sample snippet:</p>
  
  <pre><code>&lt;ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"&gt;
      &lt;li class="nav-item"&gt;
          &lt;a class="nav-link active" id="pills-home-tab" data-toggle="pill" 
              href="#pills-home" role="tab" aria-controls="pills-home" aria- 
              selected="true"&gt;Home&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" id="pills-profile-tab" data-toggle="pill" 
              href="#pills-profile" role="tab" aria-controls="pills-profile" aria- 
              selected="false"&gt;Profile&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="nav-item"&gt;
          &lt;a class="nav-link" id="pills-contact-tab" data-toggle="pill" 
          href="#pills-contact" role="tab" aria-controls="pills-contact" aria- 
          selected="false"&gt;Contact&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content" id="pills-tabContent"&gt;
      &lt;div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria- 
          labelledby="pills-home-tab"&gt;...&lt;/div&gt;
      &lt;div class="tab-pane fade" id="pills-profile" role="tabpanel" aria- 
          labelledby="pills-profile-tab"&gt;...&lt;/div&gt;
      &lt;div class="tab-pane fade" id="pills-contact" role="tabpanel" aria- 
          labelledby="pills-contact-tab"&gt;...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In one of the tabs, I have a form to be submitted using PHP. However, After the form submission, I am unable to stay in the same tab. How to solve this?</p>