Wordpress 4.6.1でJavascriptが起動しない

Question

以下のコードはjfiddleで動作していますが、WordPressサイトでは一度発火していません。 4.6.1に更新されました。私はコンソールでもエラーを見つけられないようです。何か案は？

CSS：

<style>.bluebg { background: cyan; }</style> 

HTML：

<nf-field> 
    <div class="nf-field-container textbox-container label-left "> 
     <div class="nf-before-field"><nf-section></nf-section></nf-section></div> 
     <div class="nf-field"><div id="nf-field-8-wrap" class="field-wrap textbox-wrap nf-pass" data-field-id="8"> 
      <div class="nf-field-label"> 
      <label for="nf-field-8" class="">Full Name <span class="ninja-forms-req-symbol">*</span></label></div> 
       <div class="nf-field-element"> 
       <input id="nf-field-8" name="nf-field-8" class="ninja-forms-field nf-element" value="" type="text"> 
      </div> 
      </div> 
     </div> 
     <div class="nf-after-field"><nf-section><div class="nf-input-limit"></div><div class="nf-error-wrap nf-error"></div></nf-section> 
     </div> 
    </div> 
</nf-field> 

はJAVASCRIPT：

<script> 
$('input.nf-element').bind('focus blur', function() { 
    $(this).closest('nf-field').find('.nf-field-container').toggleClass('bluebg'); 
}); 
</script> 

UPDATE

それがどのように見えます問題は、私が使用しているJavaScriptではなく、HTMLを生成しているプラ​​グインにあります。手動で同じHTMLを貼り付けると、その入力フィールドは親クラスを変更しますが、フォームプラグインが生成するフィールド（NinjaForms）は変更されません。

私はそれがここで支援の対象外になっているかどうかはわかりませんが、もし誰かがそうする理由があれば、私は感謝しています！単に "jQueryを" と "$" を置き換え

(function($) { 
    $(function() { 
    $('input.nf-element').on('focus blur', function() { 
     $(this).closest('nf-field').find('.nf-field-container').toggleClass('bluebg'); 
    }); 
    });  
})(jQuery); 

Answer 1

。

Answer 2

：そうに変更jQuery.noConflict()試しを使用してWordPressのアカウントに