Question: I am trying to populate a `List<Dock>` when `Profile.MatchId == Dock.MatchId` from different classes.

This is a stripped down version of both classes:

```
public class Profile
{
  [Key]
  [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
  public int ProfileId { get; set; }
  public int MatchId { get; set; }

  public virtual List<Dock> Docks { get; set; } = new List<Dock>();
}

public class Dock
{
  [Key]
  [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
  public int DockId { get; set; }
  public int MatchId { get; set; }
}

```

How do I get the `List<Dock> Docks` navigation properties to correctly populate? I am believe I need to wire this up via `modelBuilder` - however have not done this before.

Answer: 
You are redefining the `i` variable here:

```
var i=document.createElement("i");

```
You are using var i for iteration and var i element creation. Change iteration i to index.