Kendo Numeric Input Colour Change

This is a method to change the input colours of multiplt Kendo inputs

by Loan Burger

HTML

<script src="https://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css">
    <div id="example">            
            <div class="demo-section k-header">
                <h4>Set value</h4>
                <input class="numerictextbox numericOne" data-classselect="numericOne" />
            </div>      
                <div class="demo-section k-header">
                <h4>Set value</h4>
                <input class="numerictextbox numericTwo" data-classselect="numericTwo" />
            </div>  
 </div>

CSS

.demo-section {
                    width: 400px;
                    padding: 0 0 30px 0;
                }

                #add-product .title {
                    font-size: 16px;
                    color: #fff;
                    background-color: #1e88e5;
                    padding: 15px;
                    margin: 0 0 20px;
               }

                #add-product .description {
                    display:inline-block;
                    width: 160px;
                    font-weight: bold;
                    padding: 0 20px;
                }

JavaScript

$(document).ready(function() 
{                

   $(".numerictextbox").kendoNumericTextBox(
    {
        change: onChangeOrSpin,
        spin: onChangeOrSpin
   });
    
    function onChangeOrSpin() 
    {
        var val = this.value();
        
        var thisInputClass = $(this.element).data('classselect');       
        
       var classSelector = '.'+thisInputClass;       
       
        changeFontColour(val, classSelector);
    }    
    
    function changeFontColour(val, classSelector)
    {
        if(val < 5)
        {
            $(classSelector).css('font-family','Arial');
             $(classSelector).css('font-style','italic');
             $(classSelector).css('font-weight','bold');
             $(classSelector).css('color','blue');
             $(classSelector).css("border", "red");
        }
        else
        {
            $(classSelector).css('font-family','Times New Roman');
             $(classSelector).css('font-style','normal');
             $(classSelector).css('font-weight','normal');
             $(classSelector).css('color','black');

        }
    }
 });