unable to get particular data from xml using jquery

I need to find a particular data from jquery.here my code.But i don't know what was fault in thisI could not fetch data from jquery.Anyone help me to do this

Aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Products.aspx.cs" Inherits="jQuery1.Products" %>

Name:

Please click to load the products from server:

xml

P-22345

LCD Television

$500

P-13245

Mac Mini

$700

P-52346

Home Theatre

$500

P-78385

Laptop Computer

$1500

P-78385

Desktop Computer

$1000

$(document).ready(function() {

$('#loadBtn').click(function() {

$.ajax({

url:'Product_details.xml',

type:'get',

datatype:'xml',

error:function(jqxHR,textstatus,errorThrown){

Console.log('Error:',+errorThrown);},

success:function(xml){

xmlDoc = $.parseXML( xml );

$xml = $( xmlDoc );

if($xml.find("product").length>0&&$.trim("id").length>0)

{

var id = $.trim($("#txtID").val());

var product="Product: Contains('"+id+"')";

if(product.length>0)

{

console.log('AJAX Request is succeded.');

var productsTable = '';

productsTable += '';

productsTable += '

Id	Name	Price	Discount
'+$(xml).find(product).text()+'	'+$(xml).find(product).next("name").text()+'	'+$(xml).find(product).next("price").text()+'	'+$(xml).find(product).next("discount").text()+'

$("#products").append(productsTable);

}

else

{

$("#products").append("No elements found"+product);

}

});