Changing background and link color at the same time

Changing background and link color at the same time

Hey all.

I have a container <div> with a link inside of it. What I need to do is change the background of the <div> and the color of the link text at the same time.

I can change the color of the link when I hover over it, but not when I hover over the <div>

I have columns of links and each column is the width of the longest link so there are some links with "space" to the right of the link. When that "space" is hovered over the background of the div changes but not the color of the link text.

Here is what I've tried but I don't quite get how to combine string values with the object.

$(".menulinkbox").hover(
      function () {
        $(this, " a").addClass("hover");
      },
      function () {
        $(this, " a").removeClass("hover");
      }
    );

The menulinkbox is the container and there are, for example, 4 columns with 4 rows in each column. When I hover over a column + row I want the menulinkbox's background to change *and* the color of the <a> text to change.

Does this make sense?