combobox encadeadas

bom dia a todos, eu estou com um problema e gostaria de que alguem me ajudasse a resolver se faz favor.

no index.php tenho: Código :

<?php
session_start();
error_reporting(0);

if(!$_GET['mod'])
$mod ="content";
else $mod= $_GET['mod'];

include("config/config.php");

?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="UTF-8"/>
<title>Base de Dados</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style2.css">
<script src="js/tinymce/tinymce.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" charset="ISO-8859-1" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$.get("get_areas.php", function(data, status) {
data = $.parseJSON(data);
if(data) {
$.each(data, function(index, element) {
var option = $('<option />');
option.attr('value', element.id_area).text(element.area);
$('#comboAreas').append(option);
});
$('#comboAreas').fadeIn();
}
});

$('#comboAreas').change(function(e) {
//se o item selecionado for o 0 não faz nada
if($(this)[0].selectedIndex!=0) {
var id_area = $(this).val();
//limpar a comboArea
$('#comboAssunto').find('option').remove().end();
$.get("get_assunto.php",
{
id: id_area

},
function(data, status) {
data = $.parseJSON(data);

if(data!='0') {
$.each(data, function(index, element) {
var option = $('<option />');
option.attr('value', element.id_assunto).text(element.nome_assunto);
$('#comboAssunto').append(option);
});
$('#comboAssunto').fadeIn();
$('#comboAssunto').trigger('change');
}
else {
$('#comboTipodocumentos').hide();
$('#comboAssunto').hide();
}
});

}
else {
//se não tivermos nada selecionado
$('#comboTipodocumentos').fadeOut();
$('#comboAssunto').fadeOut();

}
});

$('#comboAssunto').change(function(e) {
var id_assunto = $(this).val();
$('#comboTipodocumentos').find('option').remove().end();
$.get("get_tipodocumentos.php",
{
id: id_assunto
},
function(data, status) {
data = $.parseJSON(data);
if(data!='0') {
$.each(data, function(index, element) {
var option = $('<option />');
option.attr('value', element.id_tipo_de_ficheiro).text(element.nome);
$('#comboTipodocumentos').append(option);
});
$('#comboTipodocumentos').fadeIn();
}
else {
$('#comboTipodocumentos').hide();
}
});
});
});
</script>
</head>

<body>

<div id="content" >
<?php
if(!$_SESSION['login']) {
if($_GET['mod']=='recuperar_password' || $_GET['mod']=='registo') include("includes/$mod.php");
else include("includes/login.php");
}
else {
echo "
<div id='header'>";
include("includes/header.php");

if($_GET['x']==2) {
echo "<p id='suckthis'><div align='center'><div id='teste' class='alert alert-success' role='alert'>Dados atualizados com sucesso !</div></div></p>";
}

if (file_exists("includes/$mod.php"))
include("includes/$mod.php");
else echo "Ficheiro não encontrado";
}
?>
</div>
</div>

</body>

e no ficheiro em que gostaria que tivesse as combobox encadeadas é o novotipodocumentos.php
Código :

<?php
include(config/config.php);
if($_GET['m']==2){
$novatipoficheiro = mysql_query("INSERT INTO `tipo_de_ficheiro`(`id_tipo_de_ficheiro`, `nome`, id_area, id_assunto,`is_active`) VALUES (NULL, '$_POST[nome]', '$_POST[id_area]', $_POST[id_assunto], 1)");
}
?>
<html>
<head>
<meta charset="ISO-8859-1">
</head>
<body>

<div align="center">

<div id="newww">
<?php

echo"
<div id='myForm'>
<form method='POST' action='index.php?mod=novotipodocumento&m=2' enctype='multipart/form-data'>
<form method='POST' name='firstForm'>
<p>Área:</p>
<select id='comboArea' name='id_area'>";
?>
<?php
$query = mysql_query("Select id_area, area from areas where is_active=1");
$num_rows = mysql_num_rows($query);
if ($num_rows>0) {
while ($row = mysql_fetch_object($query)) {
echo "<option value='$row->id_area'>$row->area</option>";
}
}
?>
<?php
echo"
</select>
<br><br><p>Assunto:</p>
<select id='comboAssunto' name='id_assunto'></select>
</form>
</div>
<br><input type='text' name='nome' required placeholder='Nome do Tipo de Documento' maxlength='30' ><br>
<br><input type='submit' class='btn btn-default' value='Inserir'><br>
</form><br>
<a href='index.php?mod=inserir'><button class='btn btn-default'> Retroceder</button></a>
</div>

";
?>
</div>
</body>
</html>

eu vou a consola e aparece-me este erro:
Uncaught SyntaxError: Unexpected token <

Imagem Colocada

se alguem me podesse ajudar ficaria muito agradecido, estou com este problema já algum tempo