Jquery not running on page load

Question

I have some jquery which is used after a postback to the page on which i take a value that was set in a hidden field and find the div corresponding to that value. I then do some css class changes on the div and its contents. I have similar code for the click event of this but need this to work on page startup.

Here is my fiddle:

http://jsfiddle.net/amwz/vks4n5bo/

and the jquery I am using:

$(document).ready(function () {
var currPackage = $("#HF_Package").val();

$("#" + currPackage).closest('.radio-group-row').find('.package-title').removeClass('highlight');
$("#" + currPackage).closest('.radio-group-row').find('.package-footer').removeClass('highlight');
$("#" + currPackage).find('input:radio').prop('checked', true);
$("#" + currPackage).find('.package-title').addClass('highlight');
$("#" + currPackage).find('.package-footer').addClass('highlight');
});

EDIT___

Error: Syntax error, unrecognized expression: #E/CS/PSTN_P1

The console in the fiddle gives me this error, although my jquery is valid no?

@Mritunjay I've checked the console and got a `Error: Syntax error, unrecognized expression: #E/CS/PSTN_P1` error, although my jquery looks valid — user667430, Aug 07 '14 at 08:23
you are trying to access element by `#E/CS/PSTN_P1` which is invalid id. — Umesh Sehta, Aug 07 '14 at 08:24
Look at this how to write valid HTML ids: http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html — SBH, Aug 07 '14 at 08:27

score 1 · Answer 1 · edited May 23 '17 at 11:57

1

You have to replace your HTML element ids, they contain invalid characters.

To have a look which characters are allowed follow What are valid values for the id attribute in HTML?

edited May 23 '17 at 11:57

Community

1
1

answered Aug 07 '14 at 08:28

SBH

1,787
3
22
27

score 1 · Accepted Answer · answered Aug 07 '14 at 08:33

1

try this:-

 var currPackage = $("#HF_Package").val().replace(new RegExp("/",'g'),"\\/");

Demo

answered Aug 07 '14 at 08:33

Umesh Sehta

10,555
5
39
68

Jquery not running on page load

2 Answers2