<p>Some question text... </p>
 
<ul class="nav nav-tabs">
  <li class="active">
    <a data-toggle="tab" href="#tab1">Tab 1</a>
  </li>
  <li>
    <a data-toggle="tab" href="#tab2">Tab 2</a>
  </li>
</ul>
 
<div class="tab-content">
  <div id="tab1" class="tab-pane fade in active"></div>
  <div id="tab2" class="tab-pane fade"></div>
</div>

<script type="text/javascript" data-author="Tony Partner">  
  $(document).on('ready pjax:scriptcomplete',function(){
 
    // Move the next two questions into the tabs
    var thisQuestion = $('#question{QID}');
    var question1 = $(thisQuestion).nextAll('.question-container:eq(0)');
    var question2 = $(thisQuestion).nextAll('.question-container:eq(1)');
    $('.tab-pane:eq(0)', thisQuestion).append($(question1));
    $('.tab-pane:eq(1)', thisQuestion).append($(question2));
    });
</script>