Jquery remove attribute not working in IE

Question

I have the following input field:

<input type="image" name="Submit" src="Images/FormButtons/SubmitButton.gif" />

I want to remove the src attribute so i'm using the following function.

  <script>

   jQuery(document).ready(function(){
      $("input[type=image]").removeAttr("src");
    });

  </script>

It works in firefox but doesnt work in IE? Any one know how to get it to work in IE?

Answer 1

Note: Removing an inline onclick event handler using .removeAttr() doesn't achieve the desired effect in Internet Explorer 6, 7, or 8. To avoid potential problems, use .prop() instead:

$element.prop(
> "onclick", null ); console.log( "onclick property: ", $element[ 0
> ].onclick );

src: https://api.jquery.com/removeAttr/

Answer 2

I believe Your Image type will need parenthesis

jQuery(document).ready(function(){
  $("input[type='image']").removeAttr("src");
});