Can anyone help me with this jQuery infield label for text inputs
<p>So here's my scenario, I need to have an inputs name and ID equal two different things but the code below only allows the effect to work if label, id, and name all have the same value, for example the following code works fine: </p>

<pre><code>        &lt;p&gt;
            &lt;label for="eventid" class="label_login"&gt;*Participant Code&lt;/label&gt;&lt;br /&gt;
            &lt;input type="text" name="eventid" value="" id="eventid" class="input_size"/&gt;    
        &lt;/p&gt;
</code></pre>

<p>When I change it to how I need it to be it completely stops working</p>

<p>Example of how I need it to be:</p>

<pre><code>        &lt;p&gt;
            &lt;label for="eventid" class="label_login"&gt;*Participant Code&lt;/label&gt;&lt;br /&gt;
            &lt;input type="text" name="eventid" value="" id="part_code" class="input_size"/&gt;  
        &lt;/p&gt;
</code></pre>

<p>Can anyone tell me where in the jQuery script below does it state that name, label, and ID all have to match? and how can I remove either name or ID from that requirement. Thank you in advance.</p>

<p><a href="https://github.com/dcneiner/In-Field-Labels-jQuery-Plugin/blob/master/src/jquery.infieldlabel.js" rel="nofollow">Non-minified version</a></p>

<pre><code>(function($){$.InFieldLabels=function(b,c,d){var f=this;f.$label=$(b);f.label=b;f.$field=$(c);f.field=c;f.$label.data("InFieldLabels",f);f.showing=true;f.init=function(){f.options=$.extend({},$.InFieldLabels.defaultOptions,d);if(f.$field.val()!=""){f.$label.hide();f.showing=false};f.$field.focus(function(){f.fadeOnFocus()}).blur(function(){f.checkForEmpty(true)}).bind('keydown.infieldlabel',function(e){f.hideOnChange(e)}).change(function(e){f.checkForEmpty()}).bind('onPropertyChange',function(){f.checkForEmpty()})};f.fadeOnFocus=function(){if(f.showing){f.setOpacity(f.options.fadeOpacity)}};f.setOpacity=function(a){f.$label.stop().animate({opacity:a},f.options.fadeDuration);f.showing=(a&gt;0.0)};f.checkForEmpty=function(a){if(f.$field.val()==""){f.prepForShow();f.setOpacity(a?1.0:f.options.fadeOpacity)}else{f.setOpacity(0.0)}};f.prepForShow=function(e){if(!f.showing){f.$label.css({opacity:0.0}).show();f.$field.bind('keydown.infieldlabel',function(e){f.hideOnChange(e)})}};f.hideOnChange=function(e){if((e.keyCode==16)||(e.keyCode==9))return;if(f.showing){f.$label.hide();f.showing=false};f.$field.unbind('keydown.infieldlabel')};f.init()};$.InFieldLabels.defaultOptions={fadeOpacity:0.5,fadeDuration:300};$.fn.inFieldLabels=function(c){return this.each(function(){var a=$(this).attr('for');if(!a)return;var b=$("input#"+a+"[type='text'],"+"input#"+a+"[type='password'],"+"textarea#"+a);if(b.length==0)return;(new $.InFieldLabels(this,b[0],c))})}})(jQuery);
</code></pre>
