Anthony Joshua’s American Dream was transformed into his worst nightmare by the 'chubby kid' Andy Ruiz Jr on a scarcely believable night at Madison Square Garden.

The rank outsider, who was only selected as an opponent a month ago, climbed up off the canvas from a crunching left hook after 45 seconds of round three to somehow topple the now-former WBA, WBO and IBF heavyweight champion.

Joshua, however, was himself felled twice before the end of the round and only the bell seemed to save him as he clambered up onto unsteady legs beneath the iconic old roof of the Manhattan Mecca.

The London 2012 Olympic medallist appeared to have regained his composure in the following rounds but Ruiz put his foot down once again at the start of the seventh and Joshua hit the canvas twice within the first minute of the stanza.

AJ was back on his feet in time but he retreated to his corner where he stayed as referee Mike Griffin completed his count. In one of the more bizarre moments of modern heavyweight history, there he stood, giving the man in the middle no choice but to wave it off.

Anthony Joshua vs Andy Ruiz in pictures Show all 38 1 /38 Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Michael Buffer introduces the two boxers inside Madison Square Garden. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Oleksandr Usyk watches on from ringside as he seeks a potential future shot at Anthony Joshua. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr James Corden and Jamie Redknapp were two of many famous faces in attendance at the Garden. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Anthony Joshua prepares for his world title defence against Andy Ruiz Jr Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua made a cagey start as he attempted to work out Ruiz. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr The first round saw little of note as the two showed caution. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua tried to assert the jab put stayed out of range of Ruiz's left hook. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Ruiz showed enough to worry Joshua though as he kept the defending champion honest. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Despite the towering difference in size... Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr ...Ruiz refused to walk away from the challenge. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr But after finding his range, Joshua started to exert his dominance in the third. Getty Images Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr A thunderous right hand connected with Ruiz early in the round. Getty Images Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr The fight changed completely 45 seconds into the third round. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua knocked Ruiz down early in the third round. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr The Mexican-American looked to be heading out of the fight as he staggered back to his feet. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Miraculously, Ruiz managed to stay in the fight after the knockdown. AP Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr But Ruiz stunned everyone when he sent Joshua to the canvas in the same round. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua looked as shocked as everyone else at the sudden resurgence. AP Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr When Joshua was put down for a second time in the third round, the champion was close to an early exit. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr The unthinkable looked to be turning into reality as Joshua just beat the count before the bell. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr The defending champion needed all of the time afforded to him to recover. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua was able to regain his composure and see through rounds four, five and six. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr But he was floored again in the seventh and this time Ruiz went for the kill. Getty Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr When he went down for the second time in the seventh, the end was nigh. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua was in big trouble after taking a flurry of punches. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Referee Mike Griffin ordered a jubilant Ruiz to the neutral corner. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua had to use the ropes to get back to his feet. AFP/Getty Images Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Griffin's count continued as Joshua tried to recover. Action Images via Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua did not respond to the referee's commands, leading to the fight being waved off. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Griffin waved it off as Joshua did not walk out to him when ordered to. Getty Images Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua reflects on his first defeat of his career. Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Eddie Hearn confirmed they will seek a rematch for Anthony Joshua against Andy Ruiz Jr Reuters Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Ruiz was delighted with the victory as he jumped in the middle of the ring. AP Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Ruiz celebrates with his team. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Ruiz became the first Mexican heavyweight world champion PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr The A-listers at ringside could barely believe what had happened. PA Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr But Ruiz had done the unthinkable to become unified heavyweight champion. AP Anthony Joshua vs Andy Ruiz in pictures Anthony Joshua vs Andy Ruiz Jr Joshua paid tribute to Ruiz before leaving the ring. AFP/Getty Images

As Ruiz danced in the middle of the ring in celebration as Mexico’s first ever heavyweight champion, a shockwave was sent through the heavyweight division, where both Deontay Wilder and Tyson Fury will have been watching on agape. Much like most of the crowd.

Now attention will turn to an immediate return, with a rematch clause etched into their fight contract, and the pair will do battle back in Britain before the year is out.

“Maybe this is what he needs,” said promoter Eddie Hearn. “We will absolutely have an immediate rematch – and maybe Andy Ruiz will win it.”

Andy Ruiz Jr, who was beaten in his only other world title fight by Joseph Parker, only got the call up to fight a month ago after Joshua's initial opponent, Jarrell Miller, failed a series of VADA tests.

It was clear that this whole promotion would have had a more defined edge had Big Baby not turned to PEDs given his apparent ability to get under Joshua's skin. The pair had bickered during the promotional tour and Miller even shoved Joshua in the chest and insulted his mother during a press conference in New York.

Joshua knocked Ruiz down 45 seconds into the third (Reuters) (Action Images via Reuters)

Ruiz, meanwhile, just looked happy to be here – and rightly so. Not only was he handed a once-in-a-lifetime opportunity to win Joshua's IBF, WBA and WBO belts but he was reportedly in line for the best part of £3m for his part in the fight. Not bad for a guy who earned just $30,000 for a fight last year.

Aside from labelling Ruiz Jr a 'big robot' weeks ago, the Mexican-American did nothing to irritate Joshua, who even let his opponent pose with the world title belts at a bizarre final press conference on Thursday. Given his smiley disposition and hardly honed physique, Ruiz had looked not too dissimilar to a competition winner.

But Ruiz responded by knocking Joshua down twice in the third (Reuters) (Action Images via Reuters)

And a further pin was driven into the promotion on Friday when it was announced that Wilder and Fury, Joshua's main heavyweight rivals, have signed to face each other for a second time at some point in early 2020.

Although it did not totally take the shine off Joshua-Ruiz, it was certainly a talking point.

With Wilder already signed to face Luis Ortiz later this year, Joshua had spoken of his desire to steamroll Ruiz before setting up a face-to-face meeting with Fury about a colossal battle-of-Britain. But Friday's news appeared to make a mockery of that idea.

Joshua's next opponent, however, was not on the agenda inside Madison Square Garden where a near-capacity crowd whipped up an atmosphere for the ages which was befitting an American debut for a man used to drawing around 80,000 back home.

Joshua looked stunned by Ruiz's resurgence (Reuters)

Having shadowboxed his way through most of the three national anthems – Mexican, British and American – Joshua made a composed start and the crowd were expecting him to reach a crescendo of his own before too long.

The breakthrough came after six minutes and 45 seconds of probing when an uppercut stiffened Ruiz and a left hook sent him tumbling for the first time in his career.

But he took his time to rise and did not look sorry for himself.

Instead, the veteran of nearly 200 amateur fights on either side of the American-Mexican border, went for broke. It was a left hook which did most of the damage but a right hand to the top of Joshua's head sent the champion to his knees.

Joshua was too dazed to respond to the referee's instructions (PA)

Two became three just before the end of the round but he just about made it up in time to beat the count. With Ruiz desperate to apply an unlikely finish, the bell rang to signal the end of the round.

Round four passed with little action as Joshua, and to some extent Ruiz, attempted to regain the senses so scrambled in the third. It was not until the fifth that Joshua landed anything meaningful again but a clipping left hook did not trouble Ruiz too much.

Ruiz became the first Mexican heavyweight world champion (PA)

Joshua was not boxing with anything like the confidence which has underpinned his rise to the top of the sport. Ruiz, on the other hand, was a competition winner no more but instead resembled an underdog on the verge of hitting the jackpot.

And that's exactly what he did in the seventh. Back on the front foot from the bell, Joshua was on the deck twice within a minute of the start of the round. It was then that he leant back against the ropes like a man casually waiting for a bus.

Griffin had no choice but the stop it right there and then 24 seconds after the count started, changing the face of global boxing in the process.

Anthony Joshua suffered defeat against Andy Ruiz Jr (Reuters)

Joshua, in no mood to talk, said: “I will come back and tighten up a few bits and bobs. It just wasn't my night. But do you know what? It's good for TV.