Add function javascript to element jquery -

i add return of function element in jquery. use :

function coloredinput(trigcolor) {      if (trigcolor === "error") {         trigcolor = $(this).css("border-color", "red").css("color", "red");         return trigcolor;     } else if (trigcolor === "pass") {         trigcolor = $(this).css("border-color", "green").css("color", "green");         return trigcolor;     } else         return false; } 

i try follow :

$("#test").on("click", function() {        var test  = $("#test").val(); if(test == "") {     $("#myinput").coloredinput("error");            } }); 

how can make work ?

question edited, answer of thread not work.

if don't want create plugin, create function that

function coloredinput(trigselector, trigcolor) {      if (trigcolor === "error") {         $(trigselector).css("border-color", "red").css("color", "red");     } else if (trigcolor === "pass") {         $(trigselector).css("border-color", "green").css("color", "green");     } } 

and use like

coloredinput('#myinput', 'error');