Hide row in template

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<select name="ddlToLocation" id="ddlToLocation" onfocus="document.forms[0].imgArrowForToLocation.src='../Images/ArrowVisibleDB.gif';" onblur="document.forms[0].imgArrowForToLocation.src='../Images/ArrowInvisible.gif';" class="ddlToLocation" style="font-size: 11; width: 110px;"></select>

JavaScript

var locIterator = 0;

 $(document).ready(function () {
     function myCallback(locationArray) {
         loadDropdownForLocation(locationArray);
     }

     function loadDropdownForLocation(locationArray) {

         if (locationArray != null && locationArray != 'undefined') {

             //Loop through array
             for (; locIterator < locationArray.length; locIterator++) {
                 var textValue = locationArray[locIterator].split('*');
                 console.log('idx ' + locIterator + ' textvalue ' + textValue);

                 
                        //Add ddl options - text and value
                        var option = $('<option></option>');
                        option.val(textValue[0]);
                        option.html(textValue[0]);
                        $('.ddlToLocation').append(option);


                 // Every 3 iterations, take a break
                 if (locIterator > 0 && locIterator % 3 == 0) {
                     // Manually increment `i` because we break
                     locIterator++;

                     // Set a timer for the next iteration 

                     myCallback(locationArray);

                     break;
                 }


             }
         }
     }

     var testArray = ["a", "b", "c", "d", "e", "f", "g", "g", "h", "i", "j"];

     loadDropdownForLocation(testArray);

     window['myCallback'] = myCallback;

 });