Just an update, I actually managed to get the 2 shapes to multiply directly from Hype, here's the html file:///Users/fish/Documents/Jamie/Fish&Co/Squarespace%20website/illustrator/HTML5/CIRCLES9.04.15v2.html
However, as stated before all the text multiplies so I've had to put the text black for now while I work around it. Honestly, I have no idea what I did but whatever it was it worked! I think it was something to do with what you said, Steve, about converting both shapes to 1 symbol (together). I think I might have played with the 'Edit Element's Inner HTML' before I did this.
Anyway, as a complete novice all the help I'm getting on here is absolutely fantastic and I'll be recommending Hype to plenty of people