Desabilitando um campo do tipo texto

HTML

<div class="form-group row">
					<label class="col-sm-1 col-form-label">Nome</label>
					<div class="col-sm-10">
						<input name="nome" id="campo" type="text" class="form-control" value="<?=$nome?>" required placeholder="Digite seu nome" maxlength="50">
					</div>
				</div>

JavaScript

ready(function (){
		// desabilitando o campo 
    
    // forma 1 - jQuery 1.5-
		//$('#campo').prop("disabled", true);
    
    // forma 2 - jQuery 1.6+
    $('#campo').prop('disabled', true);
    
		// mudando a cor do campo
    $('#campo').css("background-color", "#cccccc"); 
	});