Bootstrab tab nach Ajax auf display:none

[Jürgen]

Hallo verwende Bootstrab tab und möchte in einen div Container (div id="box-7-1") via Ajax einen html-code einfügen. Dabei setzt er mir den Style des haupt div containers mit der class=tab-content auf "display: none" (der der nachgeladen wird code ist ok) er überschreibt ihn aus welchen Gründen auch immer

im Anschluss sieht der Haupt-Container dann so aus

<div class="tab-content clearfix" style="display: none;">

Zustand vor dem Nachladen durch Ajax

<div class="tab-content">
<div id="box-7" class="tab-pane fade in active">
		<ul class="nav nav-tabs navSub"> 
			<li class="" id="id-box-7-2" style="white-space: nowrap;" data-growtypeid="7" data-phecid="3" data-growtypegroup="1" data-type="1" data-phecgrowtypeid="2">
			<a href="#box-7-2" class="editable editable-click inline-input" name="shortDesc" id="editable-7-2" onclick="request(7,1,1, 1, 0,0, 2)" data-toggle="tab">zweiter Te&nbsp;<span class="badge badge-success">&nbsp;</span></a>
			</li>
			<li class="in active" id="id-box-7-1" style="white-space: nowrap;" data-growtypeid="7" data-phecid="1" data-growtypegroup="1" data-phecgrowtypeid="1"><a href="#box-7-1" class="editable editable-click inline-input" name="shortDesc" data-name="username" data-type="text" id="editable-7-1" data-toggle="tab">Test PhEC<span class="badge badge-success" style="margin-left: 5px;">&nbsp;</span></a>
			</li>
			<li class="" id="id-box-7-0" growtypegroup="1">
			<a href="#box-7-0" data-toggle="tab">
			<span class="shortDesc editable" id="editable-7-0" name="shortDesc" data-phecid="" data-growtypegroup="1"> 
			<i class="blue ace-icon fa fa-plus center bigger-110"></i>
			</span></a>
			</li>
			<button type="button" id="editTitle" class="btn btn-white btn-info"><i class="blue ace-icon fa fa-pencil  center bigger-110"></i></button></ul>
			<div class="tab-content">
				<div id="box-7-2" class="tab-pane ">
					phecgrowtypeid ===&gt; 2xxxxx
				</div>
				**<div id="box-7-1" class="tab-pane in active">**
					phecgrowtypeid ===&gt; 1yyyyy
				</div>
				<div id="box-7-0" class="tab-pane ">  
				growTypeid ==  7  und default = 1
				</div>
			</div>
</div>

Die ajax-anweisung lautet

 $.ajax({
				url:"pages/phecSettings.php", 
				type:'GET', 
				data:{ 
				  growTypeId: growTypeId, 
				  growTypeGroup: growTypeGroup, 
				  week: week,
				  type: type,
				  phecGrowTypeId: phecGrowTypeId,
				  daughterDbId: daughterDivBoxId
				  },
				
				  success:function(data){
					
					$(tab).html(data); // Schreibt die Ausgabe in den div Container 
                                 mit der id "#box-7-1"
					}
			  }).fail(function() {
				alert( "sssssssserror" );
				}); 

Ich versuchte schon unter firefox mit dem debugger zu arbeiten... bin aber da nicht recht fit … Hat jemand eine Idee wann dies passiert oder wo ich suchen müsste

Grüße Jürgen