jQuery-Seat-Charts | jQuery Seat Charts Plugin | Plugin library

jQuery is a Javascript library, it's not a different language so there is no conflict there.

I see you're using jQuery's .each() with sc.find('selected') so the issue must be there:

1. find('selected') will select elements with selected html tag, which I doubt is what you want. you should use .selected if you're selecting elements with that class. or #selected if you have 1 element with said id. more about .find()
2. if you're trying to get you get .data() from a jQuery selected element selected you should do it like this this.data("price") if you're trying to get seatCharts's data() make sure you used .seatCharts({}) on your sc element or you won't have the data() function there

You can use the CSS property margin-top to assign a margin to the 2 seats at the edges of each row. This will give a nice curve to the row.

I used margin-top:-4 to the outer seat and margin-top:-1 the the second seat in.

(Due to new account and no reputation I can't post the picture, but I will edit it in later)

Hope this helps:)