unable to load html file from local file system into div

unable to load html file from local file system into div

Hello guys, i am working on mobile application where i need to load a html file which is stored locally into div,

i am able to see all the html text into div but not the images, i am using fallowing code to load html into div

 

 $.ajax({

      url : currentBroadcast.broadcast,

      data : {},

      success : function(data) {

        console.log("data is :" + data);

        $("#text_content").html("<strong>" + data + "</strong>");

      }

    });

 

    log("DEBUG: richTextPageUpdate ended");

  }

 

 

where currentBroadcast.broadcast is the URL of locale stored HTML file. the images codes as fallow into html file

<p><img alt="" src="20132002093756.png" /></p>

 

 

the data contant all the element of local html file, the console log for data come as

 

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable = no"/>

<link rel="stylesheet" type="text/css" href="/downloadable/B52/phone.css"/>

</head>

<html>

            <body>

 

<p>here is picture one</p>

<p><img alt="" src="20132002093722.png" /></p>

<p>and here's picture two</p>

<p><img alt="" src="20132002093756.png" /></p>

 

<p>This is the text broadcast for text page This is the text broadcast for text page This is

 

            </body>

</html>

can anyone help me please i am new with jquery

Thank you