jquery validate number

I am creating the following html field on the fly in c# code....and trying to validate if its a number or not.

 contact.allocation = @"<input type='number'   onblur='validateDecimal(this);'  pattern='\d + '   step='0.01' value='" + contact.allocationValue + "' placeholder='0.00'  id='txtAllocation_" + contact.clientxcontactId + @"'>%</input>";

Select allOpen in new window

When I leave the input box the validateDecimal is always telling me to please return a valid number....even if I just put a value like 6 or 6.00

Here is the validate function:

function validateDecimal(value) {
    if (!($.isNumeric(value)))
        Conarc.UI.Messenging.getErrorPopup("Please enter a numeric value for Allocation");
}

Select allOpen in new window