Allow proper indenting/nesting of img tag within anchor

[t1merickson]

This is valid:

<a class="fancy" href="image-big.jpg"><img src="image-thumb.jpg" /></a>

This is not, but I'd like it to be :)

<a class="fancy" href="image-big.jpg">
    <img src="image-thumb.jpg" />
</a>

[keegnotrub]

I wonder if its related to this line.

Like I wonder what would happen if I just changed that part of the method from:

  if (elemFind.childNodes.length > 0) {
    elemFind = elemFind.childNodes[0];
  }

  var $elemFind = $(elemFind);

to

  var $elemFind = $(elemFind);

  if ($elemFind.children().length > 0) {
    $elemFind = $elemFind.children(":first");
  }

[leighmarble]

After struggling with figuring out why fancyzoom wasn't working on my system, I found this issue. I would have never guessed that a whitespace issue was the cause, but after trying my <img> inside the anchor without any spaces or newlines, as @neutyp shows above, that got it to work.

Then I tried the code change @keegnotrub guesses about, and that worked as well (and I was able to put newlines and whitespace back between <a> and <img>.

I'll fork the code and make this change, since no one else has.

[keegnotrub]

Fixed - thanks @leighmarble for the pull request!