WP4.4のレスポンシブイメージ環境下でonmouseoverを使いたい

いつもお世話になっています。
JavaScriptでマウスオーバー時に画像切り替えを行っていましたが、バージョン4.4導入後、FirefoxとChromeで動作しなくなりました（IE11は動作）。
切り分けたところ、4.4から導入されたというsrcset属性が原因でした。

srcsetを無効にすれば手っ取り早いのですが、せっかくの機能なので、これを有効にしたまま、画像を切り替えたいのですが、方法はありますでしょうか。

下記のどちらかを改修して実現できるとありがたいです。
なにとぞよろしくお願いします。

■Jqueryを使用する

<script type="text/javascript">
$(function(){
 $('a img').hover(function(){
  $(this).attr('src', $(this).attr('src').replace('_off', '_on'));
   }, function(){
    if (!$(this).hasClass('currentPage')) {
    $(this).attr('src', $(this).attr('src').replace('_on', '_off'));
  }
 });
});
</script>

■JavaScriptを使用する
<img src="out.jpg" onmouseover="this.src='on.jpg'" onmouseoout="this.src='out.jpg'">