javascript - JS console error while using function -

i know simple question not find out solution this.

i have error on debugging console, because of .placeholder function .

how fix ?

link codepen

html

<input type="text" placeholder="your name"> 

js

// intializing placeholder  (function($) {     jquery('input, textarea').placeholder(); }(jquery));  /* html5 placeholder jquery plugin - v2.3.0  * copyright (c)2015 mathias bynens  * 2015-11-13  */ !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a("object"==typeof module&&module.exports?require("jquery"):jquery)}(function(a){function b(b){var c={},d=/^jquery\d+$/;return a.each(b.attributes,function(a,b){b.specified&&!d.test(b.name)&&(c[b.name]=b.value)}),c}function c(b,c){var d=this,f=a(this);if(d.value===f.attr(h?"placeholder-x":"placeholder")&&f.hasclass(n.customclass))if(d.value="",f.removeclass(n.customclass),f.data("placeholder-password")){if(f=f.hide().nextall('input[type="password"]:first').show().attr("id",f.removeattr("id").data("placeholder-id")),b===!0)return f[0].value=c,c;f.focus()}else d==e()&&d.select()}function d(d){var e,f=this,g=a(this),i=f.id;if(!d||"blur"!==d.type||!g.hasclass(n.customclass))if(""===f.value){if("password"===f.type){if(!g.data("placeholder-textinput")){try{e=g.clone().prop({type:"text"})}catch(j){e=a("<input>").attr(a.extend(b(this),{type:"text"}))}e.removeattr("name").data({"placeholder-enabled":!0,"placeholder-password":g,"placeholder-id":i}).bind("focus.placeholder",c),g.data({"placeholder-textinput":e,"placeholder-id":i}).before(e)}f.value="",g=g.removeattr("id").hide().prevall('input[type="text"]:first').attr("id",g.data("placeholder-id")).show()}else{var k=g.data("placeholder-password");k&&(k[0].value="",g.attr("id",g.data("placeholder-id")).show().nextall('input[type="password"]:last').hide().removeattr("id"))}g.addclass(n.customclass),g[0].value=g.attr(h?"placeholder-x":"placeholder")}else g.removeclass(n.customclass)}function e(){try{return document.activeelement}catch(a){}}var f,g,h=!1,i="[object operamini]"===object.prototype.tostring.call(window.operamini),j="placeholder"in document.createelement("input")&&!i&&!h,k="placeholder"in document.createelement("textarea")&&!i&&!h,l=a.valhooks,m=a.prophooks,n={};j&&k?(g=a.fn.placeholder=function(){return this},g.input=!0,g.textarea=!0):(g=a.fn.placeholder=function(b){var e={customclass:"placeholder"};return n=a.extend({},e,b),this.filter((j?"textarea":":input")+"["+(h?"placeholder-x":"placeholder")+"]").not("."+n.customclass).not(":radio, :checkbox, :hidden").bind({"focus.placeholder":c,"blur.placeholder":d}).data("placeholder-enabled",!0).trigger("blur.placeholder")},g.input=j,g.textarea=k,f={get:function(b){var c=a(b),d=c.data("placeholder-password");return d?d[0].value:c.data("placeholder-enabled")&&c.hasclass(n.customclass)?"":b.value},set:function(b,f){var g,h,i=a(b);return""!==f&&(g=i.data("placeholder-textinput"),h=i.data("placeholder-password"),g?(c.call(g[0],!0,f)||(b.value=f),g[0].value=f):h&&(c.call(b,!0,f)||(h[0].value=f),b.value=f)),i.data("placeholder-enabled")?(""===f?(b.value=f,b!=e()&&d.call(b)):(i.hasclass(n.customclass)&&c.call(b),b.value=f),i):(b.value=f,i)}},j||(l.input=f,m.value=f),k||(l.textarea=f,m.value=f),a(function(){a(document).delegate("form","submit.placeholder",function(){var b=a("."+n.customclass,this).each(function(){c.call(this,!0,"")});settimeout(function(){b.each(d)},10)})}),a(window).bind("beforeunload.placeholder",function(){var b=!0;try{"javascript:void(0)"===document.activeelement.tostring()&&(b=!1)}catch(c){}b&&a("."+n.customclass).each(function(){this.value=""})}))});`enter code here 

`

and 1 more thing, need function .

 (function($) {     // codes }(jquery)); 

i took fork of codepen repo here: http://codepen.io/anon/pen/dgrgvm

seems works after following changes:

1. add jquery repo

2. initialize

   jquery('input, textarea').placeholder();

after have included placeholder function. reason gives error because initializing using placeholder function, before loaded.

or if want put on top/before placeholder func , since using jquery. might well, include init function inside document.ready.

(function($) {   $(document).ready(function(){   jquery('input, textarea').placeholder();  }); }(jquery)); 

hope helps!