title: How to dynamically set a default boostrap tab on page load based on MVC JsonResult
body: <p>I have a set of tabs in my dashboard and I want to enable my users to set their default tab view to load whenever they log in. I'm getting the value back from the DB in MVC by use of an AJAX call to a Json method. I just need to get the JS/razor view side working. Advice on how to solve this problem would be greatly appreciated. </p>
  
  <p><strong>Code</strong></p>
  
  <pre><code> //Load Account Preferences
      function loadAccountPreferences() {
          $.ajax({
              type: "GET",
              dataType: 'json',
              url: '/JsonUserSettings/GetUserSettings',
              success: function (result) {
                  loadDefaultTab(result);                    
              },
              error: function(error) {
                  alert(error);
              }
          });
      }
  
      loadDefaultTab = function (tabId) {
  
          $("#dashboardTabs a: tabId").tab('show'); 
      }
  </code></pre>