how to show ajax respone partially in hidden value and partially in div

how to show ajax respone partially in hidden value and partially in div

I want to show success result from ajax in hidden value and in div. but
its showing in one or other
<input type="hidden" runat="server" ID="piechartval" value="HERE" />
<div class="rankadvancement "><img src="Assets/Images/imgLoading.gif"
style="width: 16px;" />HERE<div>
here is my javacript:
success: function(data) {
//var $response = $(data);
//oGlobal = $response.find('#pie').text()
//alert(oGlobal);
var selector ="";
var control = '<%=piechartval.ClientID%>';
var str = data;
var n =str.lastIndexOf('</span>');
n = n.replace("</span>","");
var a = str.substring(n + 1,str.length - 6);
alert(a);
document.getElementById(control).value = a; -----
this value in hidden
$(selector).html('').html(a);
$('.rankadvancement').html(data); --- this one in div
}
Thanks!!
I modified my result and now i want to see whole result in hidden value.
But its only displaying this part in output though hidden variable has
full value (
<div class='col-sm-4'>
<div class='pie-chart1 pie-chart pie-number
easyPieChart' data-percent=33% style='width: 220px;
height: 220px; line-height: 220px;'>33% <canvas
width='220' height ='220'/></div>
)
But when i copy result and hardcode in aspx page it works fine but not
through ajax.
Here is wat i get on success:
<div class='col-sm-4'>
<div class='pie-chart1 pie-chart pie-number
easyPieChart' data-percent=33% style='width: 220px;
height: 220px; line-height: 220px;'>33% <canvas
width='220' height ='220'/></div>
</div>
<div class='rankadvancement'>
<div class='row-fluid'>
<span class='span2'>
<div class='percent'>33%</div>
</span>
<span class='span10'>
<a href='javascript:loadRankAdvancement(6);'
class='next'><img
src='Assets/Images/btnArrowRight.png' /></a>
<a href='javascript:loadRankAdvancement(4);'
class='previous'><img
src='Assets/Images/btnArrowLeft.png' /></a>
<h3>Pearl Ambassador</h3>
<div class='progress progress-magenta'>
<div class='bar' style='width: 33%'></div>
</div>
</span>
</div>
<div class='goals'>
<div class='clearfix'></div>
</div>
</div>
tried but not working : I can see the value in hidden varibale but
actually can't see the result on web page :
33% 33%
Pearl Ambassador
"