javascript - Uncaught ReferenceError: bunny_data is not defined -

the js code like:

    var images = new parse.query("images");  	var bunny_data = [];    	images.equalto("indeximg","t");  	images.find({          success: function(objects) {              /*for(var = 0;i<objects.length;i++){              	var object =  objects[i];              	imgs.push(object.get('imgurl'));              };              bunny_view = $("#bunny-template").html();              alert(imgs);  			$('#container').append(_.template(bunny_view, imgs));*/  			for(var = 0;i<objects.length;i++){              	var object =  objects[i];              	bunny_data.push(object.get('imgurl'));              };    			bunny_view = $("#bunny-template").html();  			alert(bunny_data);  			$('#container').append(_.template(bunny_view, bunny_data));          },          error: function(error) {              console.log("an error occured :(");          }  	});

the html like

<script type='text/template' id="bunny-template">    <div>        <h5><%= name %></h5>       <ul>         <% for(var tag in bunny_data) { %>             <li><%= bunny_data[tag] %></li>         <% } %>       </ul>    </div>  </script>

when run code, err uncaught referenceerror: bunny_data not defined. still alert popup correct data. ty much！

you're trying use variable that's local in 1 scope , global in another, why can alert correct data in image finding function in other scope, html, bunny_data not defined.