Yeni gelen veriyi renklendirme

<script tyle="text/javascript">
function check() {
$.ajax({
type : "GET",
url : 'query',
dataType : "html",
success: function(data) {


		var tds = document.getElementsByTagName('tr');
		var len = parseInt(tds.length) - 1;
		var degerler = [];
		
			for (i=0; i<=len; i++) {
			var tdid = tds[i].id;
			
				if (tdid.indexOf('d') != '-1') {
				/* id'sinde dongu geciyor, aradigimiz tdlerden biri bu, degeri kaydet*/ 
				var tdval = tds[i].innerHTML;				
				degerler[tdid] = tdval;
				}
				
			}
			
{$('#list').html(data)}


			for (i=0; i<=len; i++) {
			var tdid = tds[i].id;
			
				if (tdid.indexOf('d') != '-1') {
				/* id'sinde dongu geciyor, aradigimiz tdlerden biri bu, degeri kaydet */
				var tdval = tds[i].innerHTML;				
					if (degerler[tdid] != tdval) {
					$('#'+tdid).animate({"backgroundColor": "#CC0000"},"slow");
					$('#'+tdid).animate({"backgroundColor": "#FFFFFF"},"slow");
					

					}
				}
				
			}
			
}


});


}


</script>
<div id="list" >
{%block table%}
{% include "table.html" %}
{% endblock %}
</div>

<table id="table-style" >
    <thead>
    	<tr>
	    <th scope="col">Date</th>
            <th scope="col">Value</th>
     
        </tr>
    </thead>
    <tfoot>
    	<tr>
        	<td colspan="2">No more </td>
        </tr>
    </tfoot>
    <tbody >
	    {% block table %}
	    {% for m in tb %}
	  <tr >
	  <td >{{ m.date }} </td>
	  <td >{{ m.value }} </td>
           <td ><a href="#"  id="dc"></a> </td>
	  </tr>
	
	      <tfoot>
    	<tr>	
		/////////////////////açıklama alanı////////////////
 
        	<td id="d-{{ forloop.counter }}" colspan="6" style="padding:0; "><div id="dc{{ forloop.counter0 }}">{ m.dc }}<form action="dc/{{ m.id }}" method="POST"></textarea><input type="submit" value="Save" ></input></form></div></td>
		
        </tr>
	      </tfoot> 

	  {% endfor %}
	  {% endblock %}
     </tbody>
</table>