Parse Json ws

Olá
Boa tarde!
Estou executando um ws e retornarndo um json com as seguintes colunas: ID, DESCRICAO, conforme retorna no browse, porem no javascript abaixo me da a seguinte mensagem de erro: can’t parse, alguem poderia me dizer o que estou fazendo de errado ?

O Que deveria retornar seria isso:

[{"id":1668,"descricao":"Base Mesa Atlas 1,20 - Mobillare"},
 {"id":1581,"descricao":"Conjunto de Mesa 0,92 com 4 Cadeiras Paris - Fritz Amendoa/preto"},
 {"id":1580,"descricao":"Conjunto de Mesa 0,92 com 4 Cadeiras Paris - Fritz Branco/preto"},
 {"id":1579,"descricao":"Conjunto de Mesa 0,92 com 4 Cadeiras Paris - Fritz Gris/preto"},
 {"id":1577,"descricao":"Conjunto de Mesa 1,15 com 4 Cadeiras Mille - Fritz Branco/preto"},
 {"id":1576,"descricao":"Conjunto de Mesa 1,15 com 4 Cadeiras Mille - Fritz Tabaco/branco"},
 {"id":1552,"descricao":"Mesa de Centro Astra - Artely"},
 {"id":1557,"descricao":"Mesa de Centro Dunas Tamburato - Artely"},
 {"id":1555,"descricao":"Mesa de Centro Vitrum II - Artely  Branco"},
 {"id":1554,"descricao":"Mesa de Centro Vitrum II - Artely  Capuccino"}
 ]

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My Table</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/dataTables.bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/datatables.bootstrap.min.js"></script>
  </head>
  <body>
    <p><br/> </p>
    <div class="container">
    <h1>Data Tables</h1>
    <table class="table table-striped table-borderd table-hover" id="mydata">
        <thead>
            <tr>
		     <th>ID</th>
             <th>Descrição</th>
            </tr>
        <thead>
        <tfoot>
	    <tr>
		     <th>ID</th>
             <th>Descrição</th>
            </tr>           
        </tfoot>
   	        <tr><td>1</td><td>mesa1</td></tr>
       </table>
    </div>
    <script>
        $.ajax({  
            type: "GET",  
            url: "http://localhost:8080/teste/rest/produto/buscaProduto?produto=mesa",  
            data: "",  
            success: function(data){  
              $.each (data, function (bb) {
				  alert('ola:' +data[bb].id + ' - '+  data[bb].descricao  );
			  });
            },  
            error: function(e){  
              alert('Error121212: ' + e);  
            }  
          });
          $('#mydata').dataTable();
    </script>   
  </body>
</html>
</>