Script não executa em Tabs do Bootstrap

Olá,

Possuo uma pagina com um painel e duas tabs pelo Bootstrap.

Nessa pagina especifico um periodo de datas para imprimir um relatório.

No tab 1

Possuo apenas dois inputs do tipo date e um button

Ao selecionar a data possuo um evento Onclick no button que passa os values dos inputs para uma função que carrega no tab_2 os resultados via Ajax.

No tab 2

Imprimo diversos resultados do banco de dados em php.

Porem, nesse tab_2, nem um "misero" alert() em javascript funciona.

No console não gera nenhum erro ou warning.

Html

<!-- ### SELECIONA DATA ### -->

 <div class="tab-content">
 <div role="tabpanel" class="tab-pane conteudo active" id="area_1">
 <div class="col-lg-12 col-md-12 col-xs-12">
 <center>

 <div class="alert alert-info" role="alert">
 <p><h4><b>ATENÇÃO:</b></h4></p>
 <p>Somente vendas referente ao ano de <b>2017</b> é que estão disponíveis</p>
 </div>
 <div class="form-inline">
 <div class="input-group input-group-lg">
 <span class="input-group-addon" data-toggle="tooltip" data-placement="top" title="Data inicial da consulta"><i class="glyphicon glyphicon-calendar"></i></span>
 <input type="date" class="form-control" style="border-radius: opx" name="inicial" id="inicial">
 </div>

 <div class="input-group input-group-lg input-data hidden-xs">
 <span class="input-group-addon">ATÉ</span>
 </div>

 <div class="input-group input-group-lg">
 <input type="date" class="form-control" style="border-radius: 0px" name="final" id="final">
 <span class="input-group-addon" data-toggle="tooltip" data-placement="top" title="Data final da consulta"><i class="glyphicon glyphicon-calendar"></i></span>
 </div>
 </div>

<br />
<br />
 <a class="btn btn-success btn-block" href="#area_2" id="next_2" aria-controls="area_2" role="tab" data-toggle="tab" onclick="mostraConteudo('lista_relatorio.php?filtro=mensal&inicial='+document.getElementById('inicial').value+'&final='+document.getElementById('final').value,'show_report');">Carregar análise <i class="glyphicon glyphicon-circle-arrow-right"></i></a>
 </center>
 </div>
 </div>
 <!-- ### FIM - SELECIONA DATA ### -->

<!-- ############################################################################# -->

<!-- ### RELATÓRIO VENDAS ### -->

	<div role="tabpanel" class="tab-pane conteudo fade" id="area_2">
 <div id="show_report"></div> <!-- div onde dados da pesquisa ajax é carregada -->
	</div>
 <!-- ### FIM - RELATÓRIO VENDAS ### -->

<!-- ############################################################################# -->

No arquivo lista_relatorio.php é onde imprimo diversos dados de acordo com a data.

Porem, neste arquivo, nem um simples alert() é apresentado.

Alguem alguma sugestão?