Erro ao transmitir HTML do PHP para o javascript através de JSON

[Avalon]

Boa noite. Estou tentando transmitir através de JSON um trecho HTML do php para o javascript porém estou obtendo o erro: SyntaxError: JSON.parse: unexpected end of data at line 1 column 2 of the JSON data. Eu vi, pelo firebug, que a variável data encontra-se com uma string vazia.

PHP:

$str_cabecalho = '<div id = "div_tabela_pesquisador">' . 
		                '<table>'.
		                   '<tr>'.
		                     '<th>ID Do Pesquisador</th>'.
		                     '<th>Nome</th>'.
		                     '<th>Sexo</th>'.
		                     '<th>Telefone</th>'.
		                     '<th>CEP</th>'.
		                     '<th>Idade</th>'.
		                     '<th>Encontra-se ativo?</th>'.
		                     '<th>Instituição</th>'.  
		                   '</tr>'.
		                 '</table>'.   
		               '</div>';  
		    
	echo json_encode($str_cabecalho);

Javascript:

$("#list_pesquisador").click(function(){
		
		$.ajax({
		  url: "listar_pesquisador.php",
		  datatype: "html",
		  success: function(data)
		  {
			  tabela_pesquisador = JSON.parse(data);  
			  alert(tabela_pesquisador);
		  }
		});
	});

Eu só coloquei o alert ali para fazer um teste.

[Sandro2011]

$str_cabecalho = '<div id = "div_tabela_pesquisador">' . 
		                '<table>'.
		                   '<tr>'.
		                     '<th>ID Do Pesquisador</th>'.
		                     '<th>Nome</th>'.
		                     '<th>Sexo</th>'.
		                     '<th>Telefone</th>'.
		                     '<th>CEP</th>'.
		                     '<th>Idade</th>'.
		                     '<th>Encontra-se ativo?</th>'.
		                     '<th>Instituição</th>'.  
		                   '</tr>'.
		                 '</table>'.   
		               '</div>';  
		    
	echo $str_cabecalho;

$("#list_pesquisador").click(function(){
		
		$.ajax({
		  url: "listar_pesquisador.php",
		  datatype: "html",
                  context: $('#resultado'),
		  success: function(data)
		  {
		
			  alert(data); // depois tira.. só pra teste
		  }
		});
	});

no HTML, onde você quer que apareça o resultado:

<div id="resultado"></div>

[Avalon]

Fiz o que você disse mas continuo com o mesmo erro da minha primeira mensagem e com o valor de data igual a uma string vazia (a mesma coisa de antes).

[Sandro2011]

Manda o código que você testou no seu equipamento para ser analisado

[Avalon]

no PHP:

$str_cabecalho =  '<table>'.
		                   '<tr>'.
		                     '<th>ID Do Pesquisador</th>'.
		                     '<th>Nome</th>'.
		                     '<th>Sexo</th>'.
		                     '<th>Telefone</th>'.
		                     '<th>CEP</th>'.
		                     '<th>Idade</th>'.
		                     '<th>Encontra-se ativo?</th>'.
		                     '<th>Instituição</th>'.  
		                   '</tr>'.
		               '</table>';   
		                
	echo json_encode($str_cabecalho);

No Javascript:

$("#list_pesquisador").click(function(){
		
		$.ajax({
		  url: "listar_pesquisador.php",
		  datatype: "html",
		  context: $("#tabela_pesquisador"),
		  success: function(data)
		  {
			  tabela_pesquisador = JSON.parse(data);  
			  alert(tabela_pesquisador);
		  }
		});
	});

No HTML:

<div id="tabela_pesquisador">
		</div>

[Sandro2011]

echo json_encode($str_cabecalho);

coloque apenas:

echo $str_cabecalho;

como eu já havia pedido anteriormente

[Avalon]

Consegui transmitir o HTML como string do PHP para o javascript com echo. Muito obrigado.